JQUERY CYCLE插件 - 「超時」功能的問題

Question

我想使用jQuery輪播1秒鐘後顯示三個圖像。我沒有爲每個圖像使用不同的超時值，但是一旦圖像第三次動畫，每張不同的幻燈片就開始做它自己的事！我的意思是這些時機正變得彼此不協調。我在做一些根本性錯誤？或者這是使用jQuery循環的正確方法？

任何幫助，將主要讚賞

代碼：

<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> 

乾杯

Answer 1

只是任何人誰碰到這個崗位絆倒。答案是關於使用'延遲'而不是超時。

所以代碼將是

<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>