文章專區

網頁設計相關文章

多組圖片輪播套件──slick.js

 之前的文章Flexslider--方便好用的圖片輪播、滑動切換套件介紹了Flexslider此套件,主要是以一張張圖片作輪播,而這次我們介紹另一套可以多組圖片輪播切換的套件,可應用於更多張圖片的展示。

此套件必須包含slick.js、jquery.min.js、slick.css、slick-theme.css這些檔案

可於slick官網下載,官網上更是陳列了許多項不同的輪播樣式,附上原始碼可以複製貼上。

詳細使用步驟如下:

首先到官網,點擊上方的「get it now」

 

頁面會滑到該對應位置,點擊「Download Now」即可下載壓縮檔,或是選擇直接複製外連網站的連結。

 

官網上展示了許多樣式,提供下方的原始碼複製貼上。

 

解壓後的檔案,只要點進名稱為「slick」的資料夾即可找到需要的js和css檔了唷!放進自己的專案裡,依據自身需求修改檔案路徑和設定即可套用了。