如何为lazyloader添加淡入效果

Question

I have a lazyloader for the images on my site. Here's the JS:

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

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

It works, but the images just pop in, is there a way to make them fadein on load so it's all a little smoother? Here's one of the URLs where you can http://helloarchie.blue/posts/fashion-friday-be-like-the-cool-kids-026

Answer 1

From Lazy Load Plugin for jQuery, see the fadeIn demo here http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

The implementation

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