摘要:
我们常常会见到很多网页的图片并不是一打开页面就全部加载的,而是浏览到当前的图片位置才显示出来。这是怎么实现出来的呢?
其实这就是目前较为流行的“延迟加载”(Lazy Load)技术,灵感来自Matt Mlinac制作的YUI ImageLoader工具箱。
后来就形成了一个比较完整的jQuery插件:jquery.lazyload.js .
下面就介绍一下jquery.lazyload.js的使用方法:
Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域:
你必须修改 HTML 代码. 在 src 属性中设置展位符图片, demo 页面使用 1x1 像素灰色 GIF 图片. 并且需要将真实图片的 URL 设置到 data-original 属性. 这里可以定义特定的 class 以获得需要延 阅读全文