日期:2014-05-16  浏览次数:20597 次

【原创】ImagesLazyLoad 图片延迟加载效果
之前在做一个图片浏览效果时,要看后面的小图必须等到前面的加载完,而且大图的位置是在大量的小图后面,导致大图要等到小图都加载完才能显示,为了解决这个问题,就想到了Lazyload效果。
现在很多网站都用了类似的效果,如淘宝、Bing等。
这个图片延迟加载效果是在Lazyload的基础上扩展的,主要扩展了获取img元素,获取src和图片加载的部分。

兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0
其中safari和chrome部分功能不支持。

前台效果预览



完整实例下载



------解决方案--------------------
sf
------解决方案--------------------
一早,来了...
------解决方案--------------------
赶上了,先占座
------解决方案--------------------
飘过,占个位~~~~
------解决方案--------------------
好 顶
我发了封邮件给你 你快点看一下.......................
------解决方案--------------------
楼主总是给人带来惊喜...
------解决方案--------------------
赞```


------解决方案--------------------

------解决方案--------------------
~~~~~~~~jF
------解决方案--------------------






















好东东啊
------解决方案--------------------
强烈支持...............
------解决方案--------------------
很帅, 很酷,很拽。
------解决方案--------------------
我刚才看了下
速度好快啊
------解决方案--------------------

------解决方案--------------------
好,再顶一下
------解决方案--------------------
.......................
------解决方案--------------------
#4楼 得分:0回复于:2010-03-08 09:41:23一早,来了... 
 
------解决方案--------------------
顶一下下
------解决方案--------------------
xiexielouzhufenxiang
------解决方案--------------------
接分,楼主很厉害
------解决方案--------------------
看来我是错过了哈
------解决方案--------------------
您又有成果了哈
------解决方案--------------------
学习了,哈哈

------解决方案--------------------
学习了,还是比较难,谢谢分享!
------解决方案--------------------
学习了,哈哈
------解决方案--------------------
Nice! Very Good!
------解决方案--------------------
飘过,占个位~~~~
------解决方案--------------------
看看啊
------解决方案--------------------
多谢多谢。。。。
------解决方案--------------------