Javascript 如何在lazyloader中添加fadein效果

Javascript 如何在lazyloader中添加fadein效果,javascript,fadein,Javascript,Fadein,我有一个懒洋洋的网站上的图像加载程序。以下是JS: $("img[data-src]").responsivelazyloader(); $("body").on({ ajaxStop : function(){ $("img[data-src]").responsivelazyloader(); }}); 它可以工作,但图像只是突然出现,有没有办法让它们在加载时淡入淡出,这样一切都会变得更平滑?这里是一个URL,您可以从jQuery的延迟加载插件中,请参见此处的fadeIn演示 实施 $

我有一个懒洋洋的网站上的图像加载程序。以下是JS:

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

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

它可以工作,但图像只是突然出现,有没有办法让它们在加载时淡入淡出,这样一切都会变得更平滑?这里是一个URL,您可以从jQuery的延迟加载插件中

,请参见此处的fadeIn演示

实施

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

您可能需要做的是检查lazyloader触发的事件,然后附加到该事件,因此基本上,当lazyloader触发“loaded”事件时,为该事件放置一个事件侦听器,然后运行jQuery fadein函数