javascript - 使用 JQuery Cycle 2 插件加载所有图像

Question

我正在使用带有一些图像和fadeout效果的 JQuery Cycle 2 插件。例如：

$('#imageticker').cycle({ 
    fx:     'fadeout', 
    delay:  -2000 
});

和：

<ul id="imageticker">
  <li><img src="image1.png"/></li>
  <li><img src="image2.png"/></li>
  <li><img src="image3.png"/></li>
</ul>

这可行，但是当页面加载时，我可以看到所有图像相互堆叠。只有在第一次转换之后，隐藏的图像才会消失，并且它应该正常工作。有人知道如何修改吗？

score 0 · Accepted Answer

由于您有透明图像，因此最好使用fade效果而不是fadeout. 每次转换后：

（我也尝试过使用最初的不透明度，但没有帮助。）

score 0 · Accepted Answer

好的，我知道了。似乎这fade是默认选项，并将其添加到插件脚本会导致此问题。

所以，我改变了

$('#imageticker').cycle({ 
    fx:     'fade', 
    delay:  -2000 
});

只是：

$('#imageticker').cycle({ 
    delay:  -2000 
});

它修复了它。

2 回答 2