淡入图像交换

Question

我在点击缩略图时使用此脚本交换图像：

$("#thumbs a").click( function() {
    var changeSrc = $(this).attr("href");
    $("#target").attr("src", changeSrc);
    return false;
});

如何让changeSrc操作像另一个图像的平滑fadeOut和fadeIn一样？

Answer 1

这应该这样做：

$("#target").fadeOut('slow', function() {
    $(this).attr("src", changeSrc).fadeIn('slow');
});

Answer 2

当然可以：

$("#thumbs a").on('click', function() {
    var href = this.href;
    $("#target").fadeOut(600, function() {
        $(this).attr('src', href).fadeIn(600);
    });
    return false;
});