響應式(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
Royal Slider 這款 jQuery 插件用於顯示任何 HTML 內容(圖片,視頻,文字.. )內的滑動界面,並配備了很棒的功能。
5. Unslider
Unslider 是另外一款響應式的 jQuery 滑塊。沒有花哨的特效或不必要的標記。它是流體的,靈活的和極其輕量。
6. uSlider
這是一個響應式和觸摸友好的 jQuery 插件滑塊。內容可以是任何東西:圖像,文本,內部框架, HTML5視頻和音頻 。
7. Bx Slider
bxSlider 是一個響應式的 jQuery 滑塊,用來創建簡單的內容滑塊和滾動字幕。各種設置進行自定義顯示器更容易。
8. Responsive Slides
ResponsiveSlides.js 是一個很小的 jQuery 插件,使用創建一個容器內元素的響應滑塊。
9. Slippery
10. Camera
由 Diapo 的開發人員創建的,並且包括眾多的功能與響應式的布局工作。幻燈片可以與任何 HTML 元素(圖片,文字,視頻等)。
11. Slideme
Slideme 是一個響應式的滑塊插件 ,可定制,易於使用 ,多實例,全屏。
12. Glide.js
響應式,觸摸友好的 jQuery 滑塊。基於 CSS3 過渡回退到舊的瀏覽器。簡單,重量輕,速度快。
13. Sequence.js
Sequence.js 是一個非常現代的圖片滑動效果,特別適合電子商務網站或者企業產品展示功能。帶有圖片縮率圖,能夠呈現全屏圖片瀏覽效果。結合 CSS3 Transition 實現響應式的滑塊效果。
14. RTP Slider.js
15. FerroSlider2
FerroSlider是一個免費,簡單,功能強大,反應迅速,可定制的 jQuery 插件。組織的任何類型的內容,諸如圖像,文本,網頁,列表等。您可以使用它作為一個滑動的畫廊或滑塊單頁網站。
16. Juicy Slider
17. Flex Slider
FlexSlider 是一款輕量的響應式 jQuery 內容滾動插件,能夠幫助你在項目輕松的創建漂亮的內容滾動效果。這款插件曾經連續多年入選 WDL 的年度最佳 jQuery 插件,值得大家在網站開發中試試。
18. The liquid Slider
19. Excolo Slider
一個簡單的 jQuery 滑動插件,支持響應式設計和觸屏設備。
20. Sudo Slider
一個功能豐富的 jQuery 滑塊插件,可以顯示任何 HTML 內容的各種表示方法。
21. Wow Slider
這是另外一款效果精美的響應式圖片輪播插件,有眾多專業的模板。
22. Minimus Slider
Minimus Slider 是一個簡約的,緊湊的 jQuery 滑塊。它反應靈敏,它帶有可設置的眾多參數以滿足您的需求,但它天生就是主要用於處理圖像。