Bootstrap Carousel - Load |播放|暫停

Question

我花了一些時間，這一個逃避我。

我想有什麼用傳送帶做...

• 在頁面加載不滑
• 按下「播放」按鈕，側間隔10000
• 按下「暫停」按鈕，暫停
• 沖洗和重複播放&暫停

在JS我使用

// Play | Pause for carousel 
$('#myCarousel').carousel({ 

}); 

$('#playButton').click(function() { 
    $('#myCarousel').carousel('cycle'); 
}); 

$('#pauseButton').click(function() { 
    $('#myCarousel').carousel('pause'); 
}); 

...但我只是無法得到正確的效果，如上所述。如果我在初始負載時設置間隔，它將啓動。

Answer 1

試試這個..

$('#myCarousel').carousel({ 
    interval:false 
}); 

$('#btnPause').click(function() { 
    $('#myCarousel').carousel('pause'); 
}); 

$('#btnPlay').click(function() { 
    $('#myCarousel').data('bs.carousel').options.interval=1000; 
    $('#myCarousel').carousel('cycle'); 
}); 

演示：http://bootply.com/113413