交叉淡入淡出圖片淡入淡出匹配圖片

Question

我有關於幻燈片的問題。有沒有什麼辦法可以看到圖像淡入淡出......

Here是一個小提琴。

function cycleImages(){ 

     var $active = $('#cycler .active'); 
     var $next = ($active.next().length > 0) ? $active.next() : $('#cycler img:first'); 
     $next.css('z-index',2);//move the next image up the pile 
     $active.fadeOut(1500,function(){//fade out the top image 
      $active.css('z-index',1).show().removeClass('active');//reset the z-index and unhide the image 
      $next.css('z-index',3).addClass('active');//make the next image the top one 
     }); 
    } 

$(document).ready(function(){ 
// run every 4s 
setInterval('cycleImages()', 4000); 
}) 

Answer 1

你有一個開始，我想你可以，一旦你改變這種弄明白：

setInterval('cycleImages()', 4000); 

這樣：

setInterval(function(){cycleImages()}, 4000); 

然後從那裏解決您的代碼。