鍍金池/ 問答/HTML5  HTML/ attr 替換 src 同時(shí)有 fadeIn 效果？

attr 替換 src 同時(shí)有 fadeIn 效果？

替換的目標(biāo)

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

觸發(fā) event 的對(duì)象

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

我發(fā)現(xiàn)這樣無(wú)法達(dá)到 fadeIn 效果
他就直接換src 了，一點(diǎn)效果也沒有
要怎麼實(shí)現(xiàn)這個(gè)功能？

回答
編輯回答
心沉

圖片F(xiàn)adeIn測(cè)試

$(document).ready(function () {
        var img = $("#my-img");
        img.fadeOut("slow",function () {
            img.attr("src",img.data("src"));
            img.fadeIn(4000);
        });
    });
2018年6月19日 18:46
編輯回答
念舊

只能用兩個(gè)圖片，一個(gè) fadeIn 一個(gè) fadeOut

2017年10月1日 19:48
編輯回答
我不懂

文檔： http://www.w3school.com.cn/jq... 設(shè)置過(guò)度時(shí)間

2018年5月17日 15:26
編輯回答
奧特蛋

用css寫兩個(gè)class來(lái)控制,然后用js切換class,就能加上fadeIn/fadeOut效果，或者寫動(dòng)畫，用animate來(lái)控制

2017年6月18日 22:33