如何修改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/

e.g：

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

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

它根據MIT許可證授權。