【问题标题】:VVO Lazyload loads all images on page loadVVO Lazyload 在页面加载时加载所有图像
【发布时间】:2014-04-18 07:12:55
【问题描述】:
我很长一段时间以来一直在使用 VVO http://vvo.github.io/lazyload/ 的延迟加载,但是对于这个特定的页面,我不知道出了什么问题。它在页面加载时加载所有图像,这些图像应该是延迟加载的。在网站的其他页面上它工作正常。
我什至尝试过使用自定义初始化、更改偏移量和视口容器但没有用。我的文档也不会在页面加载时自动滚动。
本站首页出现问题Winni.in
横幅下方有 3 行产品,其中最后 2 行的产品图像应仅在页面滚动时延迟加载。但它仍然会在页面加载时加载所有图像
【问题讨论】:
标签:
javascript
jquery
lazy-loading
【解决方案1】:
在页面滚动时,您可能正在从 AJAX 加载动态元素。
VVO Lazyload - 默认情况下,lzld(this) 在动态元素中不起作用。
对于动态元素,您必须再次手动调用 lzld(imageelement)。
例子:-
// Add following code inside AJAX success function
$('#dynamic_content img').each(function(index,element) {
lzld(element);
});