bootstrap4修改默认轮播时间间隔的方法

bootstrap4官方默认的代码为:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
</div>

修改轮播的时间间隔的方法有两种:

一,在第一行代码中添加如下的属性代码data-interval="millisecond",其中,millisecond为需要设置的毫秒数

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" data-interval="800">

 

二,使用JavaScript语句实现:

官网给出的代码是:
$('.carousel').carousel({
interval: 2000
});

直接使用这个代码无法实现,应在该方法前面加上一个函数表达式,如下:
$(function(){
$('#carouselExampleSlidesOnly').carousel({interval:800});
});

 

如果您有更好的方法,或者觉得我的这个方法可行,欢迎加群交流:
IT互联网交流656992002

给TA打赏
共{{data.count}}人
人已打赏
bootstrap

bootstrap4中左右布局时自定义宽度的方法

2021-8-30 8:42:01

bootstrap

bootstrap的栅格划分和”属性row"的相关性

2022-1-5 10:18:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索