jquery - 延迟加载插件在用户滚动时加载图像？

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.
})

如果能把这个钉牢就好了，可惜了the appelsiini site不再支持。

我找到了一个适用于所有浏览器的网站 http://haw-lin.com/它使用与 http://www.appelsiini.net/projects/lazyload 非常相似的插件脚本。没有 MIT 许可证，我发现很难破译。

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

Answer 1

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

您可以查看这个名为 JAIL 的插件效果很好(不过需要一些 HTML 更改)。我特别建议查看示例。