平滑的图像淡出，改变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); 
     }); 
    }); 
});