自動再生が有効になってスライドの終わりに達すると、スワイパースライダーを停止するにはどうすればよいですか？

Question

自動再生が有効になってスライドの終わりに達すると、スライダーを停止するにはどうすればよいですか？

現在、スライダは、エンドスライドに到達した後、最初のスライドにループし続けます。

それはあなたがイベントslideChangeに耳を傾け、プロパティのためにあなたのswiperのインスタンスを確認することができますisEndバージョン4.0.7

HTML

<div class="swiper-container"> 
<div class="swiper-wrapper"> 
    <div class="swiper-slide">Slide 1</div> 
    <div class="swiper-slide">Slide 2</div> 
    <div class="swiper-slide">Slide 3</div> 
</div> 
<div class="swiper-pagination"></div> 
<div class="swiper-button-prev"></div> 
<div class="swiper-button-next"></div> 
<div class="swiper-scrollbar"></div> 

のJs

var swiper = new Swiper('.swiper-container', { 
    spaceBetween: 30, 
    centeredSlides: true, 
    loop:false, 
    autoplay: { 
    delay: 2500, 
    disableOnInteraction: false, 
    stopOnLast: true, 
    }, 
    pagination: { 
    el: '.swiper-pagination', 
    clickable: true, 
    }, 
    navigation: { 
    nextEl: '.swiper-button-next', 
    prevEl: '.swiper-button-prev', 
    }, 
}); 

Answer 1

を使用しています - trueの場合は、を設定します。 10：

swiper.on('slideChange', function(){ 
if(swiper.isEnd){ 
    swiper.autoplay = false; 
    } 
}); 

ワーキングフィドル（フル例）：https://jsfiddle.net/2yhxctxf/

---

更新は：https://jsfiddle.net/2yhxctxf/1/

---

：ちょうど簡単な方法:)

swiper.on('reachEnd', function(){ 
    swiper.autoplay = false; 
}) 

更新フィドルを見つけました

.isEndプロパティのドキュメント：イベントのhttp://idangero.us/swiper/api/#methods

ドキュメント：http://idangero.us/swiper/api/#events