Question

可以使用以下代码在jQuery中设置Boostrap轮播的间隔：

$('.carousel').carousel({  interval: 1000 * 10  });

我的问题是：

我如何获得间隔？

我的目的是以默认间隔启动轮播，并在每次转换后减慢速度。这样人们就会立刻说幻灯片放映，但随着幻灯片播放速度减慢，有越来越多的时间阅读字幕。

感谢。

Answer 1

您可以在开始后更改轮播选项。这是一个简单的例子，通过将间隔选项加倍，将每个周期的速度降低一半。

＆＃xA;＆＃xA;

  var carousel = $（'。carousel'）; ＆＃xA; var slides = carousel.find（“。item”）。length;＆＃xA; carousel.carousel（{interval：1000}）;＆＃xA;＆＃xA; var slowDown = function（）{＆ #xA; var options = carousel.data（）['bs.carousel']。options;＆＃xA; options.interval = options.interval * 2;＆＃xA; carousel.data（{options：options}）;＆＃xA; console.log（options.interval）;＆＃xA;}＆＃xA;＆＃xA; carousel.on（'slide.bs.carousel'，function（）{＆＃xA; var slideFrom = $（this）。 find（'。active'）。index（）+ 1;＆＃xA;＆＃xA; if（slideFrom === slides）{＆＃xA; slowDown（）;＆＃xA;}＆＃xA;}） ;＆＃XA;

＆＃XA;

Answer 2

尝试使用我的插件或Bootstrap轮播：https://github.com/silviomoreto/bootstrap-carousel

它以更易读的方式包装carousel插件。在那里，设置间隔：

$('.carousel'). bCarousel({'interval': 1000});

Bootstrap轮播：通过jquery

2 个答案: