Lazyload——JQuery图片延迟加载插件

发表于 2010年02月27日由 admin

Lazy Load是一个JQuery插件，它可以延迟下载页面中图片的。视点（viewport）以外的图片在你没有滚动到它的位置之前是不会显示的，这与图片预载的理念正好相反，但是它可以减少一些不必要的下载量。它的用法非常简单，在载入jQuery和Lazy Load代码后，再输入以下代码就可以了：

$("img").lazyload();

Lazy Load可以实现多种效果，如你可以让图片以渐显的方式显示：


$("img").lazyload({
	effect : "fadeIn"
});

Lazy Load图片显示的触发事件你也可以设置成click和mouseover。


$("img").lazyload({
	event : "click"
});

除非特别注明，本站所有原创文章皆采用“署名-非商业性使用-相同方式共享 2.5 中国大陆”的创作共用协议。如蒙转载, 请指明出自: julabs.me。

此条目发表在前端分类目录，贴了 img, jquery, plugin 标签。将固定链接加入收藏夹。