2017-08-03 4 views
1

だから私は私のjsfiddleにここでそれを参照してくださいWORKS-カルーセル、の代わりにjQueryのカルーセル自動起動を作るのonclick

https://jsfiddle.net/L4q2e35g/3/私はそれを行う必要があることはオートスタートであり、代わりにonclickの機能のスライドを持って、誰もが迅速を持っていますそれを動作させるコードソリューション?

<div class="container-fluid"> 
     <div class="row"> 
      <div class="col-md-4"> 
        <div class="grey-bordered" style="height: 300px;"> 
         <div id="slideShow" class="slides-wrapper"> 
          <section class="slide"> 
           Section 1 
          </section> 
          <section class="slide"> 
           Section 2 
          </section> 
          <section class="slide"> 
           Section 3 
          </section> 
          <section class="slide"> 
           Section 4 
          </section> 
          <section class="slide"> 
           Section 5 
          </section> 
          <section class="slide"> 
           Section 6 
          </section> 
         </div> 
       </div> 
      </div> 
     </div> 
    </div> 

答えて

1

は秒後

function circle() { 
     if (slides[currentSlide + 1]) { 
      ++currentSlide; 
      step(); 
     }else{ currentSlide = 0; step() } 
    } 

に機能の円を追加し、その後再帰ループinitの関数を呼び出すと

var loop = function(){ 
       setTimeout(function(){ circle(); loop() }, 2000) 
     } 
loop(); 

あなたはフィドルhttps://jsfiddle.net/L4q2e35g/9/

+0

あなたに感謝し、多分取得一時停止状態見ることができますステップを呼び出すのを防ぐためにホバリングで変更しました – jidexl21

+0

これはあなたに感謝していますありがとう –

2

あなたはこの更新working fiddle

jQueryのコードは、あなたのフィドルに変更してみてください:

function autoStart() 
{ 
     if (currentSlide === slidesNum - 1) { 
      currentSlide=0; 
     } 
     goNext(); 
} 

setInterval(autoStart,3000); 
+1

ニースの仕事は...あなたも、あなたの設定で間隔を指定して、ループ機能にそれを渡すためのパラメータを追加することができ –

関連する問題