如何为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"
});