swiper 輪播
var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween: 30, centeredSlides: true, loopedSlides: 8, autoplay: 4500, autoplayDisableOnInteraction: false, loop: true
direction:方向,兩個屬性值
vertical:垂直的,切換方向為上下
Horizontal:水平的,預設值
pagination:分頁,下方的點
slidesPerView:幻燈片檢視,顯示在螢幕上的頁數
slidesPerColumn:每列幻燈片的數量
paginationClickable:分頁顯示,控制頁面的跳轉(點選圓點),預設值為false
spaceBetween:空間,分頁的間距
freeMode:自由滑動,可不固定在一個頁面上
centeredSlides:本幻燈片,令頁面可選中,預設值為false
grabCursor:游標變為手型
scrollbarHide:滾動條型別
loop:迴圈效果,預設為false,新增後實現迴圈
effect: 'fade' :淡入效果
keyboardControl:鍵盤控制,設定後可用鍵盤控制圖片,預設為false
mouse wheel Control:滑鼠滾輪控制,預設為false
autoplay:自動播放
autoplayDisableOnInteraction: 互動播放禁用,預設為true,自動播放時若使用者與物件有互動行為時,自動播放會停止,只需把預設值改為false即可
dir="rtl":載入時為最後一頁
debugger:偵錯程式
direction:方向,兩個屬性值
vertical:垂直的,切換方向為上下
Horizontal:水平的,預設值
pagination:分頁,下方的點
slidesPerView:幻燈片檢視,顯示在螢幕上的頁數
slidesPerColumn:每列幻燈片的數量
paginationClickable:分頁顯示,控制頁面的跳轉(點選圓點),預設值為false
spaceBetween:空間,分頁的間距
freeMode:自由滑動,可不固定在一個頁面上
centeredSlides:本幻燈片,令頁面可選中,預設值為false
grabCursor:游標變為手型
scrollbarHide:滾動條型別
loop:迴圈效果,預設為false,新增後實現迴圈
effect: 'fade' :淡入效果
keyboardControl:鍵盤控制,設定後可用鍵盤控制圖片,預設為false
mouse wheel Control:滑鼠滾輪控制,預設為false
autoplay:自動播放
autoplayDisableOnInteraction: 互動播放禁用,預設為true,自動播放時若使用者與物件有互動行為時,自動播放會停止,只需把預設值改為false即可
dir="rtl":載入時為最後一頁
debugger:偵錯程式