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

我使用带有一些图像和fadeout效果的JQuery Cycle 2插件。例如：使用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>

这工作，但加载网页时，我可以看到彼此堆叠中的所有图像。只有在第一次过渡之后，隐藏的图像才会消失，并且它应该可以正常工作。有谁知道如何修改这个？

2013-10-27 MeltingDog

创建一个演示，以便我们可以看到你的CSS。不需要太多的CSS来使用溢出和一些尺寸来包含图像。在图像标签上设置宽度/高度总是一个很好的做法 – charlietfl

它在这里工作正常。检查此：http://jsfiddle.net/codeSpy/vJ4pX/ –

我给你的线索...简单的CSS将处理这个问题。检查控制台中插件应用的css，并将其中一些复制到您的css样式表 – charlietfl

OK了它。看来fade是默认选项，并将其添加到插件脚本导致此。

于是，我改变

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

要刚：

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

，并固定它。

2013-10-27 05:37:14 MeltingDog

由于您拥有透明图像，因此可能会更好地使用fade效果而不是fadeout。每个过渡之后：

（我也试图与最初的不透明度玩，但它并没有帮助。）

2013-10-27 05:29:41 kol

回答