当前位置:文档之家› divcss网页图片延迟加载的方法

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容器内的图片,否则可能影响到其他图片的加载;。

相关主题