Bootstrap Carousel - 加载|播放|暂停

Question

我花了一些时间，这个避开了我。

我想对旋转木马做什么......

• 在页面上加载没有幻灯片
• 按“播放”按钮，侧面间隔10000
• 按“暂停”按钮并暂停
• 冲洗并重复播放＆amp;暂停

在js我正在使用

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

});

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

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

...但我只是无法获得所描述的正确效果。如果我在初始加载时设置间隔，它将启动。

Answer 1

应该初始化轮播，没有间隔（假）。然后，设置单击“播放”btn时的间隔。试试这个......

$('#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