Bootstrap实现轮播

Bootstrap实现轮播

这里就轮播三张图片，话不多说，代码如下

<div id="myCarousel" class="carousel slide" data-ride="carousel">
              /*图片部分*/
             <div class="carousel-inner">
                          <div class="item active">
                          <img src="img/img1.jpg">
                          </div>
                         <div class="item active">
                          <img src="img/img1.jpg">
                          </div>
                          <div class="item active">
                          <img src="img/img1.jpg">
                          </div>
          </div>
          /*这里是轮播图下面的小圆点*/
          <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>
       </div>
        <script>
        //每两秒轮播一张图片
    $('.carousel').carousel({
        interval:2000
    })
</script>