jquery - LazyLoad 图像在滚动后才会出现

Question

我正在使用lazyload jQuery 插件。

它工作正常，除了一个问题:在滚动之前，图像 src 不会被交换为原始数据。一旦你滚动，即使是一点点，图像也会加载 - 但我需要它们在页面准备好时立即加载。

注意:这纯粹是 Chrome/Safari 问题。我在 Firefox 或 Opera 甚至 IE9 中都没有遇到此问题。

我尝试遵循这篇文章的建议: http://sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/其中指出基本的 jQuery 库具有延迟加载的功能，无需插件。事实似乎并非如此，因为图像只是在初始页面加载时加载的。

非常感谢任何见解!

Answer 1

您的图像很可能没有设置宽度和高度。 Webkit 浏览器将在 document.ready 上看到宽度和高度为零的图像。这意味着 jQuery 将认为图像不可见。默认情况下，延迟加载会忽略不可见的图像。您有三个选择。

1. 修复 HTML，使其在图像上具有宽度和高度属性。
2. 将 skip_invisible 设置为 false。
3. 使用atleast version 1.8.3 插件的。