2016-05-19 3 views
0

私は自分のウェブサイトにカルーセルを作ろうとしているので、自動的に4枚の絵が変わるようになっています。ここに私のコードは、しかし、私はそれは写真のいずれかを変更する文句を言わない理由を把握しようとして立ち往生しています、次のとおりです。私のカルーセルが写真を自動的に変更しない理由は何ですか?

   <div class="carousel"> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
      <script src="js/bootstrap.min.js"></script> 

      <script> 
      $(function() { 
       $('#homeCarousel').carousel({ 
        interval:3000, 
        pause: "false" 
       }); 
      }); 
      </script> 

      <!-- Carousel start --> 
      <div id="homeCarousel" class="carousel slide"> 
       <!-- Menu --> 
       <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> 

       <!-- Items --> 
       <div class="carousel-inner"> 

        <!-- Item 1 --> 
       <div class="item active"> 
        <img src="images/l1.jpg"> 
        <div class="container"> 
        <div class="carousel-caption"></div> 
        </div> 
       </div> 

        <!-- Item 2 --> 
       <div class="item"> 
        <img src="images/l2.jpg"> 
        <div class="container"> 
        <div class="carousel-caption"></div> 
        </div> 
       </div> 

        <!-- Item 3 --> 
       <div class="item"> 
        <img src="images/l3.jpg"> 
        <div class="container"> 
        <div class="carousel-caption"></div> 
        </div> 
       </div> 
       </div> 
      </div> 
      <!-- Carousel end --> 
      </div> 

私はちょうどすることはできませんが別のポストをチェックアウトし、すべてを再フォーマット、インターバル時間を変更すること試してみましたそれを理解しているようだ。

何が問題なのでしょうか?ただ、明確にする

+0

一時停止は論理値falseでなく、文字列falseでなければなりません。 – jcubic

+0

それでも私にとってはうまくいかない – deeveeABC

答えて

0

、ブートストラップカルーセルは、ブートストラップCSSに大きく依存しています。あなたはあなたの投稿にそれを持っていないので、あなたのページにその参照があることを確認してください。その後

、あなたの問題はあなたの<li data-target="#myCarousel"...行です。それらはあなたのカルーセルのdivを参照する必要があるので、私はあなたのコードは私のために働いたことを固定したら、彼らはdata-target="#homeCarousel"

を持つ必要があります。

関連する問題