Bootstrap 2轮播循环一次，然后停止 [英] Bootstrap 2 Carousel cycle once and then stop

问题描述

Bootstrap 2轮播循环一次，然后停止.我想我对如何实现这种目标有点迷惑了！香港专业教育学院尝试周期和间隔，但我只是找不到足够的文档，有关如何使此特定功能

Bootstrap 2 Carousel cycle once and then stop. I suppose I am a bit lost as to how to make this happen! Ive tried cycle and interval but i just cant find enough documentation on how to make this specific function

编辑---我的代码很简单！

Edit --- My code is pretty simple!

<div id="myCarousel" class="carousel slide"><!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="images/carousel/slide-1.png" /></div>
<div class="item"><img src="images/carousel/slide-2.png" /></div>
<div class="item"><img src="images/carousel/slide-3.png" /></div>
</div>
</div>
<script>
$('#myCarousel').carousel({
        interval: 2500
})
</script>

推荐答案

您可以执行以下操作

<script>
   var imgCount = 3;
   $('#myCarousel').carousel({
       interval: 2500
   });
   $('#myCarousel').bind('slid',function(){
      imgCount--;
      if(imgCount == 0)
        $('#myCarousel').carousel('pause');  
   });
</script>

这篇关于Bootstrap 2轮播循环一次，然后停止的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！