jQuery延迟加载图片插件Lazy Load

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.

    类似的效果，在淘宝，google图片或者百度图片上，都可以看到。鼠标滚轮滚动的时候，明显的可以看到，图片是随时加载的。无论从节约服务器带宽，还是增加网页用户浏览体验来说，都是很不错的。

    例如：在商城的产品展示页面，有10张从上到下的，用来描述产品用途或者功能的图片。用户只看了2-3张图片，就离开该页的浏览。那么剩余的产品描述图片，就没必要显示了。如果不用这样的技术，那么，剩下的几张图片的下载，将白白的消耗服务器带宽资源。而且，网页会一直在转圈，表示还在加载状态，对用户体验来说，也不友好。

    可以从这里下载需要的jquery.lazyload.js。

http://www.appelsiini.net/projects/lazyload

    需要注意的是，该插件需要配合对应的jquery一起使用。

使用方法：

jquery部分：

<script type="text/javascript">
$(function(){
  $("img").lazyload({
       effect : "fadeIn"
  });
});
</script>

HTML部分：

img：<img src="grey.gif" data-original="images/1.jpg" >

这里的src中的图片是占位图片，而真正的src图片路径写在属性：data-original里面。