图片延迟加载如何实现？

Question

<img width="740" height="740" style="filter: ; zoom: 1; display: inline;" alt="" src="http://img.mbanggo.com/sources/images/bgpicupload/610026/610026_01.jpg" complete="complete" jQuery1311038853750="68" original="http://img.mbanggo.com/sources/images/bgpicupload/610026/610026_01.jpg" loaded="true"/>场景：当我把滚动条拉下来时图片开始加载呈现。也就是说当这个图片为浏览器遮盖时是不用加载的（我是这么理解）。代码是我在一个网站上拿下来的，请专业人士讲讲，这个图片延迟加载是怎么实现的。

Answer 1

自己回答好了，原来是：lazyload
 //懒加载图片
      $("#productinfo_div").find("img").lazyload({
       effect : "fadeIn"
      });
相关：http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.html