Jquery淡出功能重绘旧图像

Question

我正在使用此功能在点击时淡出旧图像，然后淡入新图像

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

    $(this).attr("src","/image/p2r.gif").fadeIn(500);

});

问题是当第一张图像淡出然后新图像淡入之前，第一张图像再次加载1秒然后新图像淡入

Answer 1

听起来图片还没有完全加载，尝试添加一个事件监听器，一旦加载就淡化它，如下所示：

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

    $(this).attr("src","/image/p2r.gif").load( function() {
        $(this).fadeIn(500);
    });

});

编辑：我的道歉，应该是“加载”而不是“准备好”。不要与AJAX的load()函数混淆。