query 插件之网页加速利器(Lazy loader)

下载地址： source, minified or packed.

Lazy loader是用javascript写的jquery插件。它是做什么用的呢，说的简单一点

比如你打开一个比较大或者长的网页，那么Lazy loader能够实现先加载您所看到区域的图片，等你滚动到那里，就加载那里的图片。创意不错吧。

它对与一些比较长的，并且包含比较多的大图片的网页还是比较有用的。
首先引入js这个是必须的

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

 

最简单的用法就是直接加加一句

 

$("img").lazyload();

 

当然对于一些用户来说就上面的功能远远是不能达到要求的，下面我们看看

是如何设置灵敏度的。我们可以设置阀值来控制 这个功能比较人性化吧。

$("img").lazyload({ threshold : 200 });

 

把阀值设置成200 意思就是当图片没有看到之前先load 200像素。

 

当然了你也可以通过设置占位符图片和自定事件来 触发加载图片事件

 

$("img").lazyload({
     placeholder : "img/grey.gif",
     event : "click"
});

 

我们还可以通过定义effect 参数来定义一些图片显示效果

 

$("img").lazyload({
     placeholder : "img/grey.gif",
     effect : "fadeIn"
});

这样定义，图片就可以淡出显示，效果还是不错的。