javascript - Bootstrap 2 Carousel 循环一次然后停止

Question

Bootstrap 2 Carousel 循环一次然后停止。我想我对如何实现这一点有点迷茫！我试过循环和间隔，但我找不到足够的文档来说明如何制作这个特定的功能

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

<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

这是获得您实际需要的东西的简单方法。只需用这个替换代码中的第一行，

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

然后它应该只循环一次。希望这对您有所帮助。

干杯！！！

Answer 2

你可以做这样的事情

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