2

ページに Twitter ブートストラップ カルーセルを実装しましたが、問題が発生しました。追加した3つの画像をナビゲートしますが、最初の画像にループバックする代わりに最後の画像がロードされた後、カルーセルにアイテムを作成して空にし、数秒間一時停止してから最初の画像に戻ります画像。「左」矢印を使用すると正しくスクロールしますが、「右」矢印を使用すると空の画像が追加されます。どんな助けでも大歓迎です。.js ファイルでカルーセルを初期化しました。

<div id="myCarousel" class="carousel slide">        
  <div class="carousel-inner">            
  <!-- Carousel items -->            
  <div class="active item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1700" height="500" alt="" src="/cmsimages/0/globe---Copy.png" style="margin: auto" />
  </div>

  <!--2nd carousel item-->            
  <div class="item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1716" height="530" alt="" src="/cmsimages/0/devwordcloud.jpg" />
  </div>

  <div class="item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1716" height="530" alt="" src="/cmsimages/0/Clouds.png" />   
  </div>            
  <!-- Carousel nav -->
  <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹&lt;/a>
  <a data-slide="next" href="#myCarousel" class="right carousel-control">›&lt;/a>
  <!-- End Carousel --> 
  </div>
</div>
4

1 に答える 1

5

あなたが投稿したコードを編集し、それをより明確に見た後、カルーセル内部ブロック内にカルーセル ナビゲーションが含まれていることがわかりました。

<div id="myCarousel" class="carousel slide">        
  <div class="carousel-inner">            
    <!-- Carousel items -->            
    <div class="active item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1700" height="500" alt="" src="/cmsimages/0/globe---Copy.png" style="margin: auto" />
   </div>

    <!--2nd carousel item-->            
    <div class="item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1716" height="530" alt="" src="/cmsimages/0/devwordcloud.jpg" />
    </div>

    <div class="item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1716" height="530" alt="" src="/cmsimages/0/Clouds.png" />   
    </div>
  </div> <!-- / carousel-inner -->

  <!-- Carousel nav -->
  <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹&lt;/a>
  <a data-slide="next" href="#myCarousel" class="right carousel-control">›&lt;/a>
  <!-- End Carousel --> 
</div>
于 2012-11-27T22:32:21.613 に答える