# **拓展**
## 注意BUG自動播放時,手動滑動一張會自動停下
解決方案
在autoplay下面默認會有一個屬性
disableOnInteraction用戶操作swiper之后,是否禁止[autoplay](https://www.swiper.com.cn/api/basic/2014/1213/16.html)。默認為true:停止。
需手動修改為false即可。
```
//自動播放
// autoplay: true,
//等同于以下設置
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
//用戶操作后停止自動播放 true為停止,false為不受影響
},
```
## 移上停止播放,移開繼續播放
```
document.querySelector('.swiper-container').onmouseover = function () {
myswiper.autoplay.stop();
}
document.querySelector('.swiper-container').onmouseout = function () {
myswiper.autoplay.start();
}
```
****
- Swiper
- 01-Swiper簡介
- 02-Swiper初體驗
- 03-分頁器
- 04-前進后退按鈕,上一張下一張切換
- 05-滾動條
- 06-自動播放
- 07-無縫輪播
- 08-鍵盤控制
- 09-鼠標滾輪
- 10-切換效果
- 01-effects
- 02-fadeEffect-淡入淡出
- 03-cubeEffect-一般用于廣告
- 04-coverflowEffect相冊作品展示
- 05-flipEffect-旋轉門
- 11-拓展
- 12-Swiper+Animate.css
- 13-視差拓展
- 14-virtual
- 15-圖片懶加載
- 01-loadPrevNext
- 02-loadPrevNextAmount
- 03-loadOnTransitionStart
- 04-elementClass
- 16-3d