最新文章

点击排行

相关文章

当前位置:首页 > 网站制作
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
发表日期:2018-05-16 浏览量: 评论:


之前一直有关注过Jquery.LazyLoad.js这个特效,但一直没有用,这几天研究了一下,并应用于实际中,对网站SEO方面没有什么帮助,不过可以节省一些流量,对于大网站来说显的尤为重要,至于节省了多少流量我无从统计。

从网上下载来的版本多多少少都有些BUG,尤其是加载后在IE6和IE7下图片闪动是个大问题,在网上查了很久,也没有找到相关的解决方案。没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。

解决思路大致是两点,一是从LazyLoad本身的滤镜参数下手,发现有一个参数在IE6和IE7是可以用的,就是show,那么在IE6和IE7下用这个特效;二是IE8以上(包括IE8)、FireFox,Chrome等非IE核心的浏览器对fadeIn特效都支持,那么在这些版本的浏览器中就使用这种酷酷的特效。 

效果就不用说了请看本站

下载地址

lazyload.zip
1298a3fb058a565fb7d8906484044ce7.zip (39.47 KB)


使用方法:
1、将文件解压,将Js文件夹所有文件上传至网站根目录,目录形式为:
http://www.oleou.com/Js/lazyload/grey.gif
http://www.oleou.com/Js/lazyload/jquery.js
http://www.oleou.com/Js/lazyload/jquery.lazyload.js

2、调用方法:
在需要用到特效的页面上,加上以下代码
<script type="text/javascript" src="/Js/lazyload/jquery.js"></script>
<script type="text/javascript" src="/Js/lazyload/jquery.lazyload.js"></script>
3、如果上传路径改变,或者加载时图片打叉,说明图片路径不正确,查找jquery.lazyload.js中的placeholder:,将后面的图片地址换成绝对地址即可!

如有问题,请登录 http://www.oleou.com 留言!

本文标签:

发表评论

验证码:

最新评论 共有条评论

OLEOU 2012-2019
返回顶部