javascript - 如何动态改变图像序列？

Question

我想动态改变图像序列。

例如，在下面的链接中，当前有一张汽车图片。

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

在执行某些操作时，我想切换到另一个汽车图像。目前，我尝试执行以下操作。

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

上面的代码工作正常，只是在切换到其他图像时会出现一秒钟的闪烁效果。有没有办法在没有闪烁效果的情况下更改图像？

提前致谢。

Answer 1

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

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

移除了闪烁，其中 images/abc_01.jpg 是卷轴序列中的第一张图像。奇怪的是，在 reel() 调用之前调用 attr() 不起作用。还要确保重新定义所有 reel() 选项，它们会在您重新创建卷轴时被丢弃。