2010-07-04 123 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

回答