如何修改jQuery周期插件的渲染？

Question

我有一个样机设计，我想我想使用jQuery周期。模型截图如下所示。来自jQuery Cycle的最接近的例子是：http://jquery.malsup.com/cycle/pager2.html，但它离我想要结束的地方还很远。

如何修改jQuery Cycle插件以获得下面的样机中所示的效果？我可以使用另一个jQuery或Javascript插件，如果有的话，它更接近模型。

Answer 1

您可以使用this Cycle demo开始。它是让下一个/上一个按钮与cycle插件一起工作的基本javascript。但是你必须用CSS来做繁重的工作才能让它看起来很好。

如果你不想尝试用CSS让它看起来更好(意味着花哨的按钮和链接的放置)，你可以使用这两个滑块插件中的一个：

• http://nivo.dev7studios.com/
• http://www.pixedelic.com/plugins/diapo/

这些插件的唯一问题是，你必须遵守他们的规则来设置你的列表。我的意思是，你的页面上可能有比你实际想要的更多的HTML。

Answer 2

你可以试试bxslider，它更接近你的目标：

http://bxslider.com/

例如：

http://bxslider.com/examples/thumbnails-pager-method-1

http://bxslider.com/examples/thumbnails-pager-method-2

它是在麻省理工学院的许可下授权的。