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！