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

图片FadeIn测试

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

Answer 2

文档： http://www.w3school.com.cn/jq... 设置过度时间

Answer 3

只能用两个图片，一个 fadeIn 一个 fadeOut

Answer 4

用css写两个class来控制,然后用js切换class,就能加上fadeIn/fadeOut效果，或者写动画，用animate来控制