如何动态更改图像序列?

时间:2014-11-07 13:05:35

标签: javascript jquery jquery-reel

我想动态更改图像序列。

例如,在下面的链接中,目前有一个汽车图像。

http://test.vostrel.cz/jquery.reel/example/object-movie-multi-row-sequence/

在某些动作上,我想切换到另一个汽车图像。 目前,我尝试了以下操作。

$('#image').reel({images: 'images/abc_##.jpg'});

上面的代码工作正常,只是在切换到其他图像时有一些闪烁效果。有没有办法在没有闪烁效果的情况下改变图像?

提前致谢。

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。每次我们改变图像序列时,它都会闪烁到html中定义的原始img-src图像。但是

$('#image').reel({images: 'images/abc_##.jpg'});
$('#image').attr("src", 'images/abc_01.jpg');

删除了闪烁,其中images/abc_01.jpg是卷轴序列中的第一个图像。奇怪的是,在attr()通话之前进行reel()通话无效。另外,请确保重新定义所有reel()选项,重新创建卷轴时会将其转储。