close

Slick和Owl Carousel一樣,都是可以進行滑動、設定輪播...等等。

使用Slick時,

將下載完的Slick打開,需要引用它的js、css,

另外還需要載入JQuery。

 

首先,這是HTML檔:

 

JavaScript

需要哪些功能在放進這裡,

EX:dots: true, (會顯示圖片下面的小圈圈,點小圈圈會出現該張圖片。);

vertical: true, (可以讓圖片變成垂直滑動;另外如果想要左右滑動,則可以把這行拿掉。)

 

其他功能可以到他們網站看介紹http://kenwheeler.github.io/slick/

或是http://amazeui.github.io/slick/docs/api.html

 

此時圖片會進行垂直輪播效果。

可以到這裡看Demos:

http://kenwheeler.github.io/slick/

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Carol 的頭像
    Carol

    前端之旅

    Carol 發表在 痞客邦 留言(0) 人氣()