javascript - 图像交换时淡入

Question

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

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

如何使 changeSrc 动作像另一个图像的平滑淡出和淡入一样？

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;
});