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

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

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

效果就不用说了请看本站

下载地址

使用方法：
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 留言！