如何為lazyloader添加淡入效果

Question

我的網站上有一個lazyloader用於加載圖片。 這是JS：

$("img[data-src]").responsivelazyloader();

$("body").on({ ajaxStop : function(){ $("img[data-src]").responsivelazyloader(); }});

它可以工作，但是圖像會突然彈出，是否有辦法使它們在加載時淡入，從而使其更加平滑？ 這是您可以http://helloarchie.blue/posts/fashion-friday-be-like-the-cool-kids-026的網址之一

Answer 1

從適用於jQuery的惰性加載插件中，在此處查看FadeIn演示http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

實施

$("img.lazy").lazyload({
    effect : "fadeIn"
});