简体   繁体   English

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

[英]Twitter Bootstrap carousel restart after last slide showed

I made a website in Twitter Bootstrap and there is used Twitter Bootstrap carousel all is well but in carousel i have problem, when auto play start the carousel slide all images but when reached last slide it stopped there. 我在Twitter Bootstrap中建立了一个网站,并使用了Twitter Bootstrap旋转木马,一切都很好,但是在旋转木马中,我遇到了问题,当自动播放启动旋转木马幻灯片时,所有图像都到了,但到达最后一张幻灯片时,它就停在那里了。 I want to make the slide like this but I have not find the code. 我想像这样制作幻灯片,但找不到代码。 In this example it not stopped. 在此示例中,它没有停止。 http://getbootstrap.com/2.3.2/examples/carousel.html http://getbootstrap.com/2.3.2/examples/carousel.html

HTML code for the 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>

Check out this page for working example - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-carousel.php 查看此页面以获取工作示例-http: //www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-carousel.php

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM