Bootstrap 2 Carousel 循环一次然后停止答案

【问题标题】：Bootstrap 2 Carousel cycle once and then stopBootstrap 2 Carousel 循环一次然后停止
【发布时间】：2013-10-25 21:36:24
【问题描述】：

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>

【问题讨论】：

我想如果你对我的问题投反对票，你至少应该告诉我为什么。如果很明显，我不会问
我猜是因为当您提出问题时，您应该展示您为解决问题所做的工作。例如显示一些代码或举例说明您的问题，即。 http://jsfiddle.net/' or bootply.com`
“我想我对如何做到这一点有点迷茫！”我可以发布我的 html 标记，但这有点愚蠢，因为每个人都知道。正如我关于如何执行它的迷失声明所表明的那样，我在 js 函数方面什么也没做 :)

标签： javascript jquery twitter-bootstrap

【解决方案1】：

这是获得您真正需要的东西的简单方法。只需将代码中的第一行替换为这一行，

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

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

干杯！！！

【讨论】：

这真的有效！它在最后一张图像上停止，有什么办法可以在第一张图像上停止它？

【解决方案2】：

你可以这样做

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

【讨论】：

仍然没有停止，只是尝试了间隔：假而不是暂停，请参阅ent1.development.webdesign-toledo.com
如果您不希望它回到开头，您可以随时设置imgCount = 2。
这里我举个例子。 bootply.com/90198 只要您有 jquery 并加载了正确的 Bootstrap js/css 文件，它就应该可以工作..