bootstrap Carousel在循环时消失

时间:2016-10-25 23:14:46

标签: jquery html css html5

请大家知道,滑块工作正常,但是当谈到最后一张图片并希望返回第一张图片时,它会消失。

这是bootstrap代码,我还没有使用jquery



 
        <div id="myslide" class="carousel slide" data-ride="carousel">
  <!-- Indicators النقاط المدوره-->
      <ol class="carousel-indicators">
        <li data-target="#myslide" data-slide-to="0" class="active"></li>
        <li data-target="#myslide" data-slide-to="1"></li>
        <li data-target="#myslide" data-slide-to="2"></li>
       <li data-target="#myslide" data-slide-to="3"></li>

      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/01.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        <div class="item">
          <img src="images/02.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
          
         <div class="item">
          <img src="images/02.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
          
      <div class="item">
          <img src="images/03.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
     </div>
          
        <div class="item">
          <img src="images/4.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#myslide" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myslide" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
</div>
        
&#13;
&#13;
&#13;

这是滑块消失时的情况 enter image description here

0 个答案:

没有答案