【问题标题】: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); });

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多