请在Jquery图像更改中使用fadeIn和FadeOut

Question

我正在按照下面的

创建图像src onClick事件

如果单击超链接，我需要在div框中更改图像

<div id="left_img">
     <img style="float: right;" src="/image/char.gif">
                    </div>

Jquery

$("#left_img img").attr("src","http://www.abc.net/image/2_char.gif");

现在我想要而不是突然改变图像，应该淡出旧图像和新图像的淡出

我该怎么做

Answer 1

$("#left_img img").fadeOut(500, function() {

    $(this).attr("src","http://www.abc.net/image/2_char.gif").fadeIn(500);

});