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

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

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

  

1. Slick

slick 是一款完全響應式的 jQuery 傳送帶插件，能夠根據容器自動適應寬度。在現代瀏覽器中會使用 CSS3 來實現特殊效果，可以使用擴展方法對項目進行添加、刪除和過濾。提供的特色功能有：鼠標拖動，無限循環，鍵盤導航等等。

 

2. Tiny CircleSlider

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

Elastislide 是一款優秀的響應式的 jQuery 傳送帶插件，集成了 Touchwipe 插件以支持觸屏設備。 提供了四種效果：水平圖片傳送帶，垂直圖片傳送帶，固定在屏幕底部以及縮略圖形式預覽。

 

8. Flexslider 2

這是一個完全響應式的 jQuery 滑塊插件。它有一個簡單和語義化的標記，在所有主要瀏覽器都支持，配備了各種幻燈片和淡入淡出的動畫，支持多滑塊實例，提供回調 API 和硬件加速的觸摸滑動的支持。

 

9. CarouFredSel

carouFredSel 這款 jQuery 插件能任何類型的 HTML 元素到一個無限循環的旋轉木馬。它可以在同一時間同時在水平或垂直方向上滾動一個或多個項目，每個項目可以被自動地通過用戶交互（按下鍵盤上的按鈕或鍵）顯示。

 

10. Killer Carousel

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

 

11. Amazing Carousel

12. Rondell

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

 

英文鏈接：Free Responsive jQuery Carousel Slider Plugin

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源