attr 替換 src 同時有 fadeIn 效果？

Question

替換的目標<img class="" id="productview_icon" src="">觸發 event 的對象<img class="change-display" data-icon_src="xxx" src="">evente.preventDefault();var icon_src = e.currentTarget.dataset.icon_src; $('#productview_icon').fadeIn().attr('src', icon_src);我發現這樣無法達到 fadeIn 效果他就直接換src 了，一點效果也沒有要怎麼實現這個功能？

Answer 1

$(document).ready(function () {        
            var img = $("#my-img");
        img.fadeOut("slow",function () {
            img.attr("src",img.data("src"));
            img.fadeIn(4000);
        });
    });