jQuery 平滑照片褪色

问题描述

我有这个代码：

HTML

<div>
<img src="https://cdn3.iconfinder.com/data/icons/basic-2-blue-series/64/a-92-128.png" data-src-alt="https://cdn0.iconfinder.com/data/icons/sitemap-kit/64/sitemap_kit-52-128.png" alt="3" />
<img src="https://cdn2.iconfinder.com/data/icons/design-creativity-round/128/11-128.png" data-src-alt="https://cdn3.iconfinder.com/data/icons/flat-set-1/64/flat_set_1-03-128.png" alt="2" />
<img src="https://cdn1.iconfinder.com/data/icons/camera-and-photography-3/64/Person_Image-128.png" data-src-alt="https://cdn1.iconfinder.com/data/icons/modern-universal/32/icon-09-128.png" alt="3" />
</div>

JS

var overHover = function () { //zibi - efekt overhover
    var newSourceImg = $(this).data('src-alt');
    $(this).data('src-alt',$(this).attr('src'));
    $(this).attr('src',newSourceImg);
}

$(function() {
    $('img[data-src-alt]').each(function() {
        new Image().src = $(this).data('src-alt');
    }).hover(overHover,overHover);
});

如何在悬停时使照片平滑淡入？当然，我指的是fadeIn() 和fadeOut() 方法。 此处演示：http://jsfiddle.net/Xampoo/6d495zkt/2/

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）