12款響應式的 jQuery 旋轉木馬(傳送帶)外掛

lhb25發表於2014-05-21

  在企業網站,作品集網站,電子商務網站或任何其他型別的網站內容顯示圖片可以使用 jQuery 旋轉木馬(傳送帶)外掛來實現。 jQuery 旋轉木馬外掛允許開發人員以水平或垂直的方式顯示內容,視訊和影像,以使網站在視覺上更加創意和美麗。

  在這篇文章中,我們收集了12款免費的響應的 jQuery 旋轉木馬外掛,這將有助於你在網站上組織和顯示圖片,使他們響應式,能夠在移動裝置上顯示。下面的jQuery 外掛完全免費的,每個都有不同的特性,功能和多種自定義選項。

  1. Slick

  slick 是一款完全響應式的 jQuery 傳送帶外掛,能夠根據容器自動適應寬度。在現代瀏覽器中會使用 CSS3 來實現特殊效果,可以使用擴充套件方法對專案進行新增、刪除和過濾。提供的特色功能有:滑鼠拖動,無限迴圈,鍵盤導航等等。

  2. Tiny CircleSlider

circular-slider

  Tiny Circleslider 是一個圓形的滑塊,旋轉木馬外掛。為網頁開發人員提供一個區別於標準的旋轉木馬功能外的選擇。Tiny Circleslider 融入到任何網頁中。它是使用 jQuery 庫建成,支援 iPhone ,iPad 和 Android。你可以在每次移動後觸發一個回撥函式。

  3. anoSlide

  anoSlide 是一款輕量的 jQuery 傳送帶(旋轉木馬)外掛。適合用於製作支援桌面和移動端的傳送帶效果。擁有響應式,基於 jQuery,圖片延遲載入等等眾多特色。

  4. Owl Carousel

  Owl Carousel 可以幫助你快速的建立傳送帶效果,是一款觸控友好,支援各種 HTML 內容以及標籤的 jQuery 外掛。支援設定滑動速度,自動播放,顯示子彈風格導航等等。另外,還可以分別定製在桌面,平板和移動端的專案顯示數量,Owl Carousel 會自動處理。

  5. Blueimp Gallery

  blueimp Gallery 支援觸屏,是響應式的,可以定製的圖片 & 視訊畫廊,可以顯示傳送帶效果,Lightbox 效果,專門為移動和桌面端瀏覽器優化。特色功能有:支援 swipe 操作,滑鼠和鍵盤導航,過渡特效,幻燈片以及全屏功能。

  6. Flxisel

  Flexisel 是一款響應式的圖片傳送帶 jQuery 外掛,能自動適配螢幕尺寸,在各種裝置上提供優秀的使用者體驗,會根據視窗的的寬度自動調整顯示的專案數量。

  7. Elastislide

  lastislide 是一款優秀的響應式的 jQuery 傳送帶外掛,整合了 Touchwipe 外掛以支援觸屏裝置。 提供了四種效果:水平圖片傳送帶,垂直圖片傳送帶,固定在螢幕底部以及縮圖形式預覽。

  8. Flexslider 2

  這是一個完全響應式的 jQuery 滑塊外掛。它有一個簡單和語義化的標記,在所有主要瀏覽器都支援,配備了各種幻燈片和淡入淡出的動畫,支援多滑塊例項,提供回撥 API 和硬體加速的觸控滑動的支援。

  9. CarouFredSel

  carouFredSel 這款 jQuery 外掛能任何型別的 HTML 元素到一個無限迴圈的旋轉木馬。它可以在同一時間同時在水平或垂直方向上滾動一個或多個專案,每個專案可以被自動地通過使用者互動(按下鍵盤上的按鈕或鍵)顯示。

  10. Killer Carousel

  功能強大,反應靈敏,觸控功能的旋轉木馬,用於現代網站和裝置,也支援傳統的瀏覽器。Killer Carousel 能滿足開發人員的各種需求,提供觸控功能,多功能和令人印象深刻的旋轉木馬的需求。

  11. Amazing Carousel

  Amazing Carousel 是一個易於使用的 Windows 和 Mac 應用程式,使您能夠建立迴圈,響應式的 jQuery 旋轉木馬和 jQuery 圖片滾輪效果。

  12. Rondell

  這個 jQuery 外掛可以幫助你以一種非常好的方式顯示圖片和其它的內容,提供了傳送帶,滑塊,畫廊,縮圖等多種模式的顯示。你可以通過鍵盤進行控制,也可以通過單擊控制元件或通過單擊專案控制。

相關文章