在Bootstrap 3中,使用jQuery有一种方法可以按照我的轮播索引进行排序并添加每张幻灯片的自定义间隔,这样我就可以有一张幻灯片10000毫秒和另一张500毫秒等?
我知道您可以设置data-interval属性,但这会设置所有幻灯片的速度,因为您无法为每个项目添加自定义区间属性.
data-interval="3000"
Run Code Online (Sandbox Code Playgroud)
我的旋转木马设置如下:
<div id="carousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<a href="#">
<img class="img-responsive" src="">
</a>
</div>
<div class="item">
<a href="#">
<img class="img-responsive" src="">
</a>
</div>
<div class="item">
<a href="#">
<img class="img-responsive" src="">
</a>
</div>
<div class="item">
<a href="#" >
<img class="img-responsive" src="">
</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)