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