twitter-bootstrap - 显示最后一张幻灯片后 Twitter Bootstrap 轮播重启

Question

我在 Twitter Bootstrap 中创建了一个网站，使用 Twitter Bootstrap 轮播一切都很好，但在轮播中我有问题，当自动播放启动轮播时，所有图像都会滑动，但是当到达最后一张幻灯片时，它会停在那里。我想制作这样的幻灯片，但我没有找到代码。在这个例子中它没有停止。 http://getbootstrap.com/2.3.2/examples/carousel.html

Answer 1

轮播的 HTML 代码：

<div id="myCarousel" class="carousel slide">
    <!-- Carousel indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item"><img src="images/slide1.jpg" alt="Slide 1"></div>
        <div class="item"><img src="images/slide2.jpg" alt="Slide 2"></div>
        <div class="item"><img src="images/slide3.jpg" alt="Slide 3"></div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹&lt;/a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">›&lt;/a>
</div>

查看此页面以获取工作示例 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-carousel.php