jQuery幻燈片與每幻燈片轉換/持續時間

Question

我正在尋找一個jQuery幻燈片，支持每幻燈片超時和轉換。

從我的研究，這似乎是Cycle Plugin是最接近適合，因爲它的默認過渡的明顯選擇，我甚至已經發現瞭如何從這個線程設置每個幻燈片超時：

jQuery Slideshow with Random Timeouts （以及他們FAQ pages關於這個問題）

不過，我沒有看到設置每個幻燈片過渡，這是一個大忌的一種方式。 （可能修改現有的插件，這似乎可能會得到比我想要的更深）

任何人都可以建議一種方式來實現我在找什麼？如果必須的話，我願意重寫插件，但也許有人知道更快/更簡單的方法。

在此先感謝！

更新：我設法通過生成逗號分隔過渡的列表，並通過他們爲.cycle插件的fx:選項的值，以滿足我的要求。爲了便於參考，我使用上面鏈接的FAQ頁面獲取了每個幻燈片的時間，以及每個幻燈片切換的「This page shows how to use multiple effects on a single slideshow.」頁面。

Answer 1

我設法滿足我的要求，方法是生成逗號分隔轉換列表，並將它們作爲.cycle插件的fx：選項的值傳遞。作爲參考，我使用了上面鏈接的FAQ頁面來獲取每個幻燈片時間，以及每個幻燈片切換的「This page shows how to use multiple effects on a single slideshow.」頁面。

Answer 2

這現在更容易與Cycle2 plugin。

例如（未測試，但複製從Cycle2 site）：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://jquery.malsup.com/cycle2/jquery.cycle2.js"></script> 
<script src="http://jquery.malsup.com/cycle2/jquery.cycle2.tile.js"></script> 

<div class="cycle-slideshow" 
    data-cycle-timeout=0 
    data-cycle-next="#next5" 
    data-cycle-prev="#prev5" 
    > 
    <img src="http://jquery.malsup.com/cycle2/images/p1.jpg" data-cycle-fx=tileSlide data-cycle-tile-vertical=false> 
    <img src="http://jquery.malsup.com/cycle2/images/p2.jpg" data-cycle-fx=tileBlind data-cycle-tile-count=12> 
    <img src="http://jquery.malsup.com/cycle2/images/p3.jpg" data-cycle-fx=tileSlide data-cycle-tile-count=4> 
    <img src="http://jquery.malsup.com/cycle2/images/p4.jpg" data-cycle-fx=tileBlind data-cycle-tile-vertical=false> 
</div> 

無需執行Javascript！