我尝试了stackoverflow上给出的所有解决方案。
LazyLoad images not appearing until after a scroll
Add a width height in css
Add a width height in HTML
$(window).resize();
.trigger("lazyload");
skip_invisible:true
failure_limit : 1000
我还尝试了另一种http://luis-almeida.github.io/unveil/
但问题仍然存在。除非我调整窗口大小,否则(或$(window).resize();在控制台中)图片不显示。 但是,如果我设置300的阈值,将出现300个第一个像素中的图片,而不是其他图片......
最奇怪的是,2个插件的问题是相同的。
有什么建议吗?
答案 0 :(得分:0)
这是一个问题,因为包含图片的内容是在lazyload
之后加载的尝试在setInterval
函数或window.load
末尾调用lazyload。
var interval = setInterval(function(){
$("img.lazy").lazyload();
clearInterval(interval);
},1000);