2010-11-30 17 views
2

jQueryカルーセルを使用して1秒後に3つの画像を表示したいとします。私は各画像に異なるタイムアウト値を使用していますが、3回目に画像がアニメーション化されると、それぞれのスライドがそれ自身のことをやり始めます!これは、タイミングがお互いにインコヒーレントになっていることを意味します。基本的に何か間違っているのですか?またはこれはjQueryサイクルを使用する正しい方法ですか?JQUERY CYCLE Plugin - 「タイムアウト」機能の問題

<script type="text/javascript"> 
$(document).ready(function(){ 
     $('#slide1').cycle({ 
      fx: 'fade', 
      timeout:4000 
     }); 

     $('#slide2').cycle({ 
      fx: 'fade', 
      timeout:4200 
     }); 

     $('#slide3').cycle({ 
      fx: 'fade', 
      timeout:4400 
     }); 

    }); 


</script> 

乾杯ただ、この記事全体でつまずく人のため

答えて

0

すべてのヘルプは大部分が

コードをいただければ幸いです。答えは、タイムアウトではなく「遅延」を使用することです。

ように、コードは明確として

<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#slide1').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:0 
    }); 

    $('#slide2').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:200 
    }); 

    $('#slide3').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:400 
    }); 

}); 

</script> 
+1

なり、 'timeout'パラメータはスライド遷移が取るべき時間の長さを指定するために使用されます。 – Ender

関連する問題