分享22款響應式的 jQuery 圖片滑塊外掛

lhb25發表於2014-12-04

  響應式(Responsive)設計的目標是要讓產品介面能夠響應使用者的行為,根據不同終端裝置自動調整尺寸,帶給使用者良好的使用體驗。這篇文章收集了22款優秀的響應式 jQuery 幻燈片外掛,它們能夠幫助你在 Web 專案中實現有吸引力的圖片滑塊效果。

 1. Slides.js

  SlidesJS 是一款響應式的 jQuery 幻燈片外掛,經過多年的發展,已經成為一款功能齊全,設計精巧的幻燈片外掛。支援迴圈、自動播放功能和淡入淡出過渡效果,並且能夠自動生成分頁,可以幫助開發者製作出優雅的幻燈片效果。

 2. Master Slider

  Master Slider 是一個很棒的圖層滑塊,可以在圖層新增任何 HTML 內容。容易使用,提供熱點,縮圖,各種特效,視訊支援。

 3. jQuery Light Slider

  jQuery lightSlider 是一個輕量級的可觸控的響應式內容滑塊。它支援觸控裝置和 Swiping,自帶CSS過渡,支援鍵盤,箭頭和圓點導航等等。

 4. Royal Slider

royalslider

  Royal Slider 這款 jQuery 外掛用於顯示任何 HTML 內容(圖片,視訊,文字.. )內的滑動介面,並配備了很棒的功能。

 5. Unslider

unslider

  Unslider 是另外一款響應式的 jQuery 滑塊。沒有花哨的特效或不必要的標記。它是流體的,靈活的和極其輕量。 

 6. uSlider

  這是一個響應式和觸控友好的 jQuery 外掛滑塊。內容可以是任何東西:影象,文字,內部框架, HTML5視訊和音訊 。

 7. Bx Slider

  bxSlider 是一個響應式的 jQuery 滑塊,用來建立簡單的內容滑塊和滾動字幕。各種設定進行自定義顯示器更容易。

 8. Responsive Slides

responsiveslides

  ResponsiveSlides.js 是一個很小的 jQuery 外掛,使用建立一個容器內元素的響應滑塊。

 9. Slippery

 10. Camera

camera

  由 Diapo 的開發人員建立的,並且包括眾多的功能與響應式的佈局工作。幻燈片可以與任何 HTML 元素(圖片,文字,視訊等)。

 11. Slideme

  Slideme 是一個響應式的滑塊外掛 ,可定製,易於使用 ,多例項,全屏。

 12. Glide.js

  響應式,觸控友好的 jQuery 滑塊。基於 CSS3 過渡回退到舊的瀏覽器。簡單,重量輕,速度快。

 13. Sequence.js

sequence

  Sequence.js 是一個非常現代的圖片滑動效果,特別適合電子商務網站或者企業產品展示功能。帶有圖片縮率圖,能夠呈現全屏圖片瀏覽效果。結合 CSS3 Transition 實現響應式的滑塊效果。

 14. RTP Slider.js

 15. FerroSlider2

  FerroSlider是一個免費,簡單,功能強大,反應迅速,可定製的 jQuery 外掛。組織的任何型別的內容,諸如影象,文字,網頁,列表等。您可以使用它作為一個滑動的畫廊或滑塊單頁網站。

 16. Juicy Slider

 17. Flex Slider

flex-slider

 FlexSlider 是一款輕量的響應式 jQuery 內容滾動外掛,能夠幫助你在專案輕鬆的建立漂亮的內容滾動效果。這款外掛曾經連續多年入選 WDL 的年度最佳 jQuery 外掛,值得大家在網站開發中試試。

 18. The liquid Slider

 19. Excolo Slider

  一個簡單的 jQuery 滑動外掛,支援響應式設計和觸屏裝置。 

 20. Sudo Slider

sudo-slider

  一個功能豐富的 jQuery 滑塊外掛,可以顯示任何 HTML 內容的各種表示方法。

 21. Wow Slider

wow-slider

  這是另外一款效果精美的響應式圖片輪播外掛,有眾多專業的模板。

 22. Minimus Slider

  Minimus Slider 是一個簡約的,緊湊的 jQuery 滑塊。它反應靈敏,它帶有可設定的眾多引數以滿足您的需求,但它天生就是主要用於處理影象。

相關文章