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主题，对于那些不知道的是一个博客网络，你在“Dashboard”上发布内容，内容是通过标签从Tumblr动态生成的。这样的列表无法为新内容生成新标签。

Answer 1

我使用了Nivo（前面提到的http://nivo.dev7studios.com）和jQuery Cycle插件，可在以下位置找到：http://jquery.malsup.com/cycle/

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

Nivo稍微容易设置，但缩略图 - 寻呼机选项需要更多的努力，因为CSS修改没有明确记录。

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

jQuery Cycle有很多例子可供选择，特别是如果你需要寻呼机（索引号或图像缩略图）。

Answer 2

检查这些：

Answer 3

这是一个简单的jQuery。您甚至可以将其更改为仅图像并完全排除div。 http://jsfiddle.net/QnkEm/4/
已更新以使用提供的图像。

是否有使用DIV容器的轮播而不是列表？

3 个答案: