代替:
<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 动态生成的。像这样的列表无法为新内容生成新标签。
最佳答案
我使用过 Nivo(前面提到过,http://nivo.dev7studios.com)和 jQuery Cycle 插件,位于:http://jquery.malsup.com/cycle/
两者都很好并且工作得很好。
Nivo 的设置稍微容易一些,但 thumbnails-pager 选项需要更多的努力,因为 CSS 修改没有明确记录。
jQuery Cycle 更像是一个主力,不仅可以处理图像,还可以处理具有结构化内容的 div
。
jQuery Cycle 有大量示例可供选择,尤其是当您需要寻呼机(无论是索引号还是图像缩略图)时。
关于javascript - 是否有使用 DIV 容器而不是列表来放置单独内容的轮播?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5306238/