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