divcss网页图片延迟加载的方法

divcss网页图片延迟加载的方法

我们常常会见到很多网页的图片并不是一打开页面就全部加载的，而是浏览到当前的图片位置才显示出来。这是怎幺实现出来的呢？大家知道divcss网页图片延迟加载吗?我们积累了一些经验，在此拿出来与大家分享下。

 第一步：下载jQuery的程序包，我在网页下面已经提供修改过的，绝对的可用。

 适应各个版本的浏览器，还有手机浏览器

 第二步，将下载的文件解压放到一个js目录里面

 /js/lazyload/grey.gif

 /js/lazyload/jquery.js

 /js/lazyload/zyload.js

 然后在需要用到特效的模板页面中，加上以下调用代码

 我的建议是放在head前的最后一行

 路径地址自己更改，根据自己模板中的相应规则

 第三步：修改zyload.js文件

 找到.context img

 这个说明下，看仔细了

 其中如果去掉.context就剩下img是延迟加载所有图片，根据不同模板作相应改动，比如我这个模板，我只需要内容里的图片延迟加载，所以改

成.context

 img，这样只延迟加载.context容器内的图片，否则可能影响到其他图片的加载;