You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让示例中的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 04:55:54