2010-07-04 96 views
0

我一個接一個地顯示圖像..但它一次顯示兩個圖像......爲什麼這種奇怪的行爲?太多的遞歸錯誤

<div Id="BannerDiv"> 
    <img src="images/CIOT flash/im_01.png" alt="image1"/> 
    <img src="images/CIOT flash/im_02.png" alt="image2"/> 
    <img src="images/CIOT flash/im_03.png" alt="image3"/> 
    <img src="images/CIOT flash/im_04.png" alt="image4"/> 
    <img src="images/CIOT flash/im_05.png" alt="image5"/> 
</div> 

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(function() { 
    jQuery('#BannerDiv > :first').show(); 
    setTimeout(rotate,1000); 
    }); 

    function rotate() { 
    var c = jQuery('#BannerDiv > :visible').css({ 'z-index': 2 }).fadeOut(2000, function() { 
     setTimeout(rotate, 1000); 
    }).next().css({ 'z-index': 1 }).show(); 
    if (c.length == 0) jQuery('#BannerDiv > :first').css({ 'z-index': 1 }).show(); 
    } 
</script> 
+0

嗨代碼,嘗試使用的setTimeout( function(){rotate();},1000);我沒有檢查旋轉功能,但請使用代碼示例標記(圖標101 010)和換行符,以便更清楚地識別問題;) – 2010-07-04 11:47:09

+0

適用於我:http://www.jsfiddle.net/2BscT/1 /。什麼版本的jQuery ...什麼標記? – Matt 2010-07-04 11:47:38

+2

邁克爾 - 你建議的代碼是完全一樣的 – redsquare 2010-07-04 11:49:29

回答