製作淡入淡出和效果的工作smootly jQuery中

Question

我有一個頁面，我的形象會淡入淡出和效果都沒有。該淡入選項似乎有些問題，因爲它發生immediatley ...請找我的jsfiddle。

請幫

Answer 1

兩件事情，第一fadeIn()只能運行在隱藏的元素，所以你需要開始隱藏自己的圖像，第二你需要在動畫下一張圖像之前等待​​動畫完成。此代碼應爲你工作，我刪除了間隔和計數變量：

var $slideshowImgs = $('.slideshow img').hide(); 
(function fadeSlideshow ($img){ 
    var $next = $img.next(); 
    if(!$next.length) 
     $next = $slideshowImgs.first(); 
    $img.delay(2000).fadeOut(function(){ 
     $next.fadeIn(); 
     fadeSlideshow($next); 
    }); 
})($slideshowImgs.first().show()); 

Demo fiddle

Answer 2

檢查這個js小提琴 http://jsfiddle.net/TXrDk/2/

使用

transition:.5s ease-in-out;