attr 替換 src 同時有 fadeIn 效果？

Question

替換的目標

<img class="" id="productview_icon" src="">

觸發 event 的對象

<img class="change-display" data-icon_src="xxx" src="">

event

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