向jquery滑塊添加自定義功能

Question

我需要使用我以前從未見過的某些功能創建自定義圖像滑塊。

我想使用現有的jQuery滑塊（如 - http://nivo.dev7studios.com/），然後定製它，但我真的不確定要開始。

我需要有4個盒子，每個盒子裏面有一個小圖片。下面是一個滑塊，可以在4個促銷（每個部分一個）之間自動旋轉。

我正在尋找的功能是當用戶滾動其中一個部分框時，下面的滑塊將顯示該部分的促銷。用戶也可以點擊促銷或在部分框中重定向到該頁面。

任何想到我該如何做到這一點？我需要有控制自動滑塊的部分框的滾動和點擊效果。

有沒有人知道我可以使用或可能幫助的任何示例？

感謝

Answer 1

我會用bxslider的混合（http://bxslider.com/）和當你想促銷拿出一個jQuery懸停也許qtip（http://craigsworks.com/projects/qtip/demos/content/attributes）。然後你只需要爲你想要填充的鏈接/圖像的不同數據做一個foreach。我還沒有測試過，所以不確定它是否會起作用，只是給你一個想法/方向。

<ul id="slides1"> 
      foreach 
       <li>href, img, qtip</li> 
      <?}?> 
</ul>