slick – 功能最全的響應式幻燈片 jQuery 插件

Sponsor

隨著移動端的普及，為了能讓訪客方便查看網頁內容，網頁幻燈片效果（又稱：燈箱，輪換圖）也需要支持移動端，即響應式，當然再加上拖拽支持就更多好了，今天為大家分享一個實用的幻燈片 jQuery 插件「Slick」，幾乎能滿足大部分網頁的需求。

Slick 這個插件功能多且實用，下面我們一起來看看介紹。

jQuery 名稱：Slick
下載&演示：http://kenwheeler.github.io/slick/

1.多組切換

多組同時切換，如下圖，第一屏是1，2，3圖，點擊下一屏按鈕后，就直接切的到4，5，6屏了。

2. 響應式兼容

自適應這個需求是必須的了，看看效果，還不錯呢。

3. 單獨固定幻燈片寬度

可以為每個切的圖像設置不同的寬度，即不統一寬度也可以哦！

4. 自動高度

高度適應，就是如果有多行文字時，不會因為默認高度而被隱藏掉。

5. 居中模式

居中顯示模式，重點突出中間哪個圖像。

6. Lazy loading (延遲加載模式)

如 DEMO，首先前3張圖是默認圖片是加載完成的，后面第4張開始，需要切換的時候才加載，這樣起到按需加載的優化效果。

7. 自動播放

可以設置第隔 xx 秒，自動切換。

8. 漸變切換效果

加入一些切的效果。

9. 縮略圖模式

可以在大圖下面加入縮略圖，優點就是讓用戶預知下一張圖的內容，有時真佩服創作這些幻燈片模式的前輩，想法很全面。

10.拖拽切換

用鼠標或手勢都可以拖拽切換，這效果和 APP 一樣啦，Cool~

下圖有錯字，該 S 的百度五筆（切的 ->切的）sorry…

今天就介紹到這里，轉發、點贊隨意……

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。