swiper輪播圖鼠標懸停暫停滑動、靜止手動滑動、從第幾個開始輪播...

1：鼠標移動到輪播圖暫停輪播(這個適合autoplay:true情況的時候使用，否則會觸發swiper自動輪播

mySwiper.el.onmouseover = function(){
  mySwiper.autoplay.stop();
}
mySwiper.el.onmouseout = function(){
  mySwiper.autoplay.start();
}

2、禁止手動滑動

• 在最外層加上類名:swiper-no-swiping(給個別滑塊加類名可以單獨給對應滑塊加)；

• allowTouchMove: false,配置里加上這個是所有的滑塊禁止手動滑動；

3、手動鼠標滑動了輪播圖后，停止了自動輪播？

解決辦法：配置autoplay項--- autoplay: { disableOnInteraction: false,delay: 2500, }

disableOnInteraction：

用戶操作swiper之后，是否禁止autoplay。默認為true：停止。如果設置為false，用戶操作swiper之后自動切換不會停止，每次都會重新啟動autoplay。操作包括觸碰(touch)，拖動，點擊pagination等。

4、輪播圖默認從第幾個開始輪播？

配置屬性 initialSlide :dayIndex,

5、slideChangeTransitionStart事件：滑塊改變觸發

on: {
   slideChangeTransitionStart: function(){
     $($(".digitalReading .digitalReading_left .textBox img")[this.activeIndex]).click();
   },
},