jQuery幻燈片，每個幻燈片的過渡/持續時間

Question

我正在搜索支持每個幻燈片超時和轉換的jQuery幻燈片。

從我的研究來看，似乎Cycle Plugin是最接近的，因為它有一個明顯的默認轉換選擇，我甚至發現了如何從這個線程設置每個幻燈片超時：

隨機超時的jQuery幻燈片 （以及關於該主題的常見問題解答頁面 ）

但是，我沒有看到設置每個幻燈片轉換的方法，這是一個交易破壞者。 （可能沒有修改現有的插件，看起來它可能比我想要的更深）

任何人都可以建議一種方法來完成我正在尋找的東西嗎？ 如果必須的話，我願意重寫插件，但也許有人知道更快/更簡單的方法。

提前致謝！

更新：我設法通過生成逗號分隔轉換列表並將它們作為.cycle插件的fx:選項的值傳遞來滿足我的要求。 作為參考，我使用上面鏈接的常見問題解答頁面進行了每個幻燈片的計時，並且“ 此頁面顯示了如何在單個幻燈片放映中使用多個效果。 ”頁面用於每個幻燈片的過渡。

Answer 1

我設法通過生成逗號分隔轉換列表並將它們作為.cycle插件的fx：選項的值傳遞來滿足我的要求。 作為參考，我使用上面鏈接的常見問題解答頁面進行了每個幻燈片的計時，並且“ 此頁面顯示了如何在單個幻燈片放映中使用多個效果。 ”頁面用於每個幻燈片的過渡。

Answer 2

使用Cycle2插件現在可以輕松實現這一點 。

例如（未經測試，但從Cycle2站點復制）：

<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！