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