2010-07-03 232 views
0

與許多其他人一樣,我正在爲我的主頁尋找旋轉木馬。 我已經看過市場。jquery旋轉木馬

我最喜歡的是幾種現存的混合物。而且,如果可能的話,它應該基於jQuery,因爲我已經在使用它了。不過,一些好的旋轉木馬是基於摩托車的。

那麼,我喜歡什麼? noobSlide很不錯。完美的將是從6和7的混合:6有一些覆蓋和鏈接的大圖。 7具有圖像的平行定位。問題:我有> 50不是8,所以我需要某種滑塊。 SmoothGallery有一個很好的滑塊(點擊圖片後)。

所以,隨着需求

  • 圖片放大與疊加(相關信息+鏈接(S))
  • 帶滾動
  • 如果可能的水平滑塊控件,jQuery的

會在哪裏你發給我?我錯過了一些很酷的組件/庫?

回答

2

如果你喜歡這個頁面上的旋轉木馬:

http://www.adventure-service.com/

我使用這個插件:

http://thomlx.free.fr/jquery/jquery_carousel.htm

就包括JavaScript文件,把HTML如下:

    <div id='banner_container'> 
         <ul> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
         </ul> 
        </div> 

Make撥打此功能:

 $('#banner_container').carousel(); 

就是這樣。如果你想例如自動幻燈片和按鈕,這樣你就可以在每個按鈕和coresponding圖片點擊顯示:

 $('#banner_container').carousel({ 
      autoSlide: true, 
      autoSlideInterval: 4000, 
      pagination: true 
     }); 
+0

我試過你以上的解決方案,但它不工作。只有第一張圖像被加載到旋轉木馬中,但我按下一個按鈕,沒有圖像滑入。爲什麼? **請幫忙。** – 2011-01-17 17:09:17

0

如果你想它是完全通過鍵盤訪問,嘗試KATC