幻燈片與淡入和淡出（jquery）

-1

請幫助我，並告訴我這裏有什麼問題.... 也我不想使用jq插件當我setInterval代碼圖片來與不同方式對不起我的英文不好幻燈片與淡入和淡出（jquery）

<code> 
    $(function(){ 
     function slideshow(){ 
     $('.img4').fadeOut(2800,null,function(){ 
       $('.img3').fadeOut(2800,null,function(){ 
        $('.img2').fadeOut(2800,null,function(){ 
         $('.img1').fadeIn(2800,null,function(){ 
          $('.img2').fadeIn(2800,null,function(){ 
           $('.img3').fadeIn(2800,null,function(){ 
            $('.img4').fadeIn(2800,null,function(){ 
             $('.img4').fadeOut(2800) 
            }) 
           }) 
          }) 
         }) 
        }) 
       }) 
      }) 
     } 
     //slideshow() 
     setInterval(slideshow,1000); 

</code>

來源

2012-05-31 aligh

的症狀有哪些？這是一些非常難以維護的代碼就在那裏。 –

***飛行V *** – rlemon

您應該循環播放圖像，而不是使用每個圖像的回調函數。 – 2012-05-31 12:27:25

您正在開始一個新的幻燈片每一秒，所以一段時間後，你將有數以百計的幻燈片試圖動畫相同的對象。

而不必啓動新幻燈片的間隔，開始下一次，當第一飾面：

$(function(){ 
    function slideshow(){ 
    $('.img4').fadeOut(2800,null,function(){ 
     $('.img3').fadeOut(2800,null,function(){ 
     $('.img2').fadeOut(2800,null,function(){ 
      $('.img1').fadeIn(2800,null,function(){ 
      $('.img2').fadeIn(2800,null,function(){ 
       $('.img3').fadeIn(2800,null,function(){ 
       $('.img4').fadeIn(2800,null,function(){ 
        slideshow(); 
       }) 
       }) 
      }) 
      }) 
     }) 
     }) 
    }) 
    } 
    slideshow(); 
});

來源

2012-05-31 12:16:57 Guffa

多麼愚蠢的錯誤，謝謝 – aligh