Answer 1

jQuery image lazy load plugin的演示页面似乎对Mac上的FF3.6不起作用。我正在使用Firebug的Net选项卡观察HTTP请求，我可以看到加载的所有图像都已加载。

你可以查看一个名为JAIL的插件，该插件工作正常（但需要一些HTML更改）。 我特别建议看看这些例子。

Answer 2

Answer 3

你可以尝试我编写的这个jQuery插件，它使用HTML注释来延迟加载HTML的任意位，包括图像：

jQuery Lazy Loader Blog Post

jQuery Lazy Loader Plugin Page

以下是一个例子：

<pre class=”i-am-lazy” ><!–
    <img src=”some.png” />
 –></pre>

<pre class=”i-am-lazy” ><!–
    <div>Any, html css img background, whatever. <img src=”some.png” /> </div>
–></pre>

<script type=”text/javascript” src=”jquery.lazyloader.js” ></script>
<script type=”text/javascript” >
$(document).ready( function()
{
    $(’pre.i-am-lazy’).lazyLoad();
});
</script>

所以基本上你用一个占位符标签和内部HTML注释来包装你想要延迟加载的内容。当占位符在视口中变为可见时，它将替换为注释中的HTML字符串。

您可以为占位符使用任何标记，但我喜欢pre，因为当内部只有注释时它会呈现为0维。