Question

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

Answer 1

Carousel的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">‹</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>

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

Twitter Bootstrap轮播在最后一张幻灯片显示后重新启动

1 个答案: