引导2转盘循环一次,然后停止(Bootstrap 2 Carousel cycle once and

2019-10-18 20:29发布

引导2转盘循环一次,然后停止。 我想我是有点失落至于如何做到这一点! 我用尽周期和间隔,但我只是不能找到如何使这个特定的功能足够文档

编辑---我的代码非常简单!

<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>

Answer 1:

你可以做这样的事情

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


Answer 2:

这里有一个简单的方法来获得你的实际需要。 只是这一个替换的第一行代码,

<div id="myCarousel" class="carousel slide" data-wrap="false"><!-- Carousel items -->

然后,它应该只循环一次。 希望这可以帮助你。

干杯!!!



文章来源: Bootstrap 2 Carousel cycle once and then stop