記錄下兩款好用的輪播圖插件：
Swiper
官網：https://www.swiper.com.cn/
常用配置項：
var swiper = new Swiper('.swiper-container', { nextButton: '.swiper-button-next',//后退 prevButton: '.swiper-button-prev',//前進 slidesPerView: 6,//設定slider容器能夠同時顯示的slides數量(carousel模式)， centeredSlides: true,//設定為true時，活動塊會居中，而不是默認狀態下的居左， spaceBetween: 5,//slide之間的距離（單位px） preventClicks : false,//當swiper在觸摸時阻止默認事件（preventDefault） observer:true,// （動態插入資料，自動初始化） 當改變swiper的樣式（例如隱藏/顯示）或者修改swiper的子元素時，自動初始化swiper observeParents:true,// （動態插入資料，自動初始化） 將observe應用于Swiper的父元素，當Swiper的父元素變化時，例如window.resize，Swiper更新 loop:true,//是否開啟回圈模式 slideToClickedSlide: true,//設定為true則點擊slide會過渡到這個slide， });
slick
官網：http://kenwheeler.github.io/slick/
中文詳解參考：https://www.awesomes.cn/repo/kenwheeler/slick
圖片查看器：
viewerjs
官網：https://fengyuanchen.github.io/viewerjs/
中文詳解參考：https://www.dowebok.com/192.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/4026.html
標籤：jQuery
上一篇：zepto中的事件