如何动态更改图像顺序？答案

【问题标题】：How to change images sequence dynamically?如何动态更改图像顺序？
【发布时间】：2014-11-07 13:05:35
【问题描述】：

我想动态更改图像顺序。

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

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

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

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

我发现这并不完全适合我。这取决于它在间隔中的哪个点。所以偶尔会闪一下。解决方法是在更换卷轴时及之后设置属性。所以要修改你的代码： $('#image').reel({images: 'images/abc_##.jpg', attr: {img: 'images/abc_01.jpg'}}); $('#image').attr("src", 'images/abc_01.jpg');