LazyLoad延迟加载图片的jQuery插件中文使用文档_jquery

什么是LazyLoad技术？

在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担，这样势必会引起速度上质的提升。
兼容：ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0其中safari和chrome部分功能不支持。

Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面。

原文的链接在:http://www.appelsiini.net/projects/lazyload


现在Lazy Load的版本已经是1.8.1

下载地址: http://www.gxlcms.com/jiaoben/63757.html

实例下载:

下载声明：
1. 注：此代码仅供学习交流，请勿用于商业用途。
2. 注：此代码仅供学习交流，请勿用于商业用途。
文件信息： 文件名： Lazy Load延迟加载图片实例
文件Hash：dd3e435124e377c2da33344d442f85d1
文件大小：1.1 MB
文件上传日期：2012 年 3 月 25 日
文件更新日期：2012 年 3 月 25 日
文件描述：在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。

怎样使用? 下面进入正题.

Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: