我正在将lazyload插件用于jQuery。
它工作正常,除了一个问题:滚动图像之前,图像src不会被交换为原始数据。滚动甚至滚动时,图像都会加载-但是在页面准备好后,我需要它们立即加载。
注意:这纯粹是Chrome / Safari问题。我在Firefox或Opera,甚至IE9中都没有此问题。
我尝试按照这篇文章的建议:
http://sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/
声明基本的jQuery库具有不需要插件的延迟加载功能。事实并非如此,因为图像只是在初始页面加载时全部加载了。
任何见解都将不胜感激!
最佳答案
您的图像很可能没有设置宽度和高度。 Webkit浏览器将在document.ready上看到宽度和高度为零的图像。这意味着jQuery将认为图像是不可见的。延迟加载默认情况下会忽略不可见的图像。您有三个选择。
修复HTML,使其在图像上具有width和height属性。
将skip_invisible
设置为false
。
使用插件的atleast version 1.8.3 。