javascript - 是否有使用 DIV 容器而不是列表来放置单独内容的轮播？

Question

代替:

<ul id="mycarousel" class="jcarousel-skin-tango"> 
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75"  
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75"  
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75"  
height="75" alt="" /></li> 
</ul> 

我想要一个使用 DIV 容器的轮播。我需要这个的原因是因为我正在制作一个 Tumblr 主题，对于那些不知道的人来说，这是一个博客网络，您可以在“仪表板”上发布内容，并且内容是通过标签从 Tumblr 动态生成的。像这样的列表无法为新内容生成新标签。

Answer 1

我使用过 Nivo(前面提到过，http://nivo.dev7studios.com)和 jQuery Cycle 插件，位于:http://jquery.malsup.com/cycle/

两者都很好并且工作得很好。

Nivo 的设置稍微容易一些，但 thumbnails-pager 选项需要更多的努力，因为 CSS 修改没有明确记录。

jQuery Cycle 更像是一个主力，不仅可以处理图像，还可以处理具有结构化内容的 div。

jQuery Cycle 有大量示例可供选择，尤其是当您需要寻呼机(无论是索引号还是图像缩略图)时。