平滑的圖像淡出，改變SRC，並與jQuery

Question

我嘗試做以下淡入：

在鏈接點擊：

1）淡出的IMG

2）改變現在隱藏圖像

3）的src時新的src IMG完成加載，淡入

最低限度，我希望看到一個平穩淡出一個圖像和淡入一個諾特爾（同一img標籤內通過改變SRC）

最後，我想：

1）淡出一個img

2.）示出了動畫GIF 「圖像加載」

3）改變現在隱藏圖像

4）隱藏gif動畫「載入圖像」

5）的src時新的src IMG完成LOA丁，褪色

謝謝。

這是我到目前爲止所嘗試的。它似乎做了幾次閃爍，但只有在src改變之後（在淡出之前）。奇怪的行爲。

$("#Image").fadeOut(); 
$("#Image").attr("src", NEW_IMAGE_SRC); 
$("#Image").fadeIn(); 

#Image是IMG標籤

Answer 1

試試這個：

$('.click').click(function() { 
    $('img.class').fadeOut(300, function(){ 
     $(this).attr('src','new_src.png').bind('onreadystatechange load', function(){ 
     if (this.complete) $(this).fadeIn(300); 
     }); 
    }); 
});