imagelazyload 随屏幕滚动--图片延迟加载

图片加载会随着拉动，而渐显

 

实现这一个技术很简单，只须要加载一个JS文件便可；

你们能够直接采用淘宝的延迟加载技术：
http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/imglazyload-min.js

调用方法也是很简单的：
<script type=”text/javascript”>KISSY.ImageLazyload();</script>

至于高级配置，你们能够看这里;

若是您是Jquery，Prototype等这些JS框架的粉丝，他们都有定制的LazyLoad Plugin提供；

LazyLoad(延迟加载)技术不单单用在对网页中图片的延迟加载，对数据一样能够，Google Reader和Bing图片搜索就把LazyLoad技术运用的淋漓尽致；

缺陷：在对LazyLoad琢磨了一个小时候，也发觉了一些当前延迟加载技术的问题；
1，与Ajax技术的冲突；
2，图片的延迟加载，遇到高度特别高的图片，会出现中止加载的问题；
3，写代码不规范的童鞋要注意了，无论因为什么缘由，若是您的页面中，img标签的height属性未定义，那么我建议您最好不要使用ImageLazyLoad；

这些地方在将来的使用中还需注意