如何修改jQuery Cycle插件的渲染？

Question

我有一个模型设计，我认为我想使用jQuery Cycle。模型截图如下。 jQuery Cycle最接近的例子是：http://jquery.malsup.com/cycle/pager2.html，但它远离我想要结束的地方。

我如何修改jQuery Cycle插件以获得下面模型中说明的效果？我可以使用另一个更接近模型的jQuery或Javascript插件（如果存在的话）。

Answer 1

您可以使用this Cycle demo开始。这是使用循环插件的下一个/上一个按钮的基本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

根据麻省理工学院许可证授权。