使用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

回答