如何让示例中的Slideshow(轮播)停止自动播放?
如何让Bootstrap轮播停止自动切换幻灯片?
看你的代码用的是Bootstrap的轮播组件,要禁用自动切换很简单,有两种常用方法:
方法一:通过HTML属性直接设置
找到轮播的最外层容器(也就是你代码里的carouselContainer),给它加上data-interval="false"属性就行。这个属性会直接禁用自动轮播,就算之前有data-ride="carousel"也不影响。
修改后的容器代码:
<div class="carouselContainer" data-interval="false">
方法二:用JavaScript初始化配置
如果是通过JS代码初始化轮播,就在初始化时传入interval: false参数,完全关闭自动切换:
$('.carouselContainer').carousel({ interval: false });
不管用哪种方法,设置后轮播就只会在点击左右控制按钮时切换,不会自动播放了。
内容的提问来源于stack exchange,提问作者Head
相关产品推荐
相关产品推荐

