延迟加载插件以用户滚动加载图像？

Question

我真的很喜欢这个懒惰的加载插件,我觉得它不适用于新的浏览器.

无论如何,我可以编写自己的代码,在用户滚动之前不会将图像加载到折叠下方吗？

<img _src="/fullscreen/img/You are everywhere 2.png" class='lazyLoad' />

jQuery('.lazyLoad').each(function(){
       var _elm= jQuery(this);
       _elm.attr('src',_elm.attr('_src'));

       //on DOM ready loop through each 
      //image with class=lazyLoad and add src attribute to it.
})

如果我能得到这个,这将是很好的,很遗憾,不再支持appelsiini网站.

我找到了一个适用于所有浏览器http://hw-lin.com/的网站,它使用的是非常类似的插件脚本http://www.appelsiini.net/projects/lazyload.没有麻省理工学院的许可证,我发现很难破译.

你能推荐什么jQuery图像延迟加载插件？

Answer 1

jQuery 图像延迟加载插件的演示页面似乎在 Mac 上的 FF3.6 上不起作用。我正在使用 Firebug 的“网络”选项卡观看 HTTP 请求，并且可以看到所有加载的图像。

您可以查看这个名为JAIL 的插件，它运行良好（但需要进行一些 HTML 更改）。我特别建议看看这些例子。