页面延迟加载JS包 lazyload.js scrollloading.js

这是页面延迟加载JS包 lazyload.js scrollloading.js下载，你必须修改 HTML 代码. 在 src 属性中设置展位符图片， demo 页面使用 1x1 像素灰色 GIF 图片. 并且需要将真实图片的 URL 设置到 data-original 属性.yP9红软基地

软件介绍

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

软件说明

页面延迟加载JS包 lazyload.js scrollloading.js是通过延迟加载来实现按需加载，达到节省资源，加快浏览速度的目的。 yP9红软基地
网上也有不少类似的效果，这个Lazyload主要特点是： yP9红软基地
支持使用window（窗口）或元素作为容器对象； yP9红软基地
对静态（位置大小不变）元素做了大量的优化； yP9红软基地
支持垂直、水平或同时两个方向的延迟。 yP9红软基地
由于内容比较多，下一篇再介绍图片延迟加载效果。 yP9红软基地
兼容：ie6/7/8， firefox 3.5.5， opera 10.10， safari 4.0.4， chrome 3.0yP9红软基地

相关原理

首先要有一个_container容器对象，容器里面是_elems加载对象集合的元素。 yP9红软基地
停止或不加载集合里面的元素（隐藏或替换等方法）。 yP9红软基地
然后历遍集合元素，当元素在加载范围内，再进行加载。 yP9红软基地
加载范围一般是容器的视框范围，即浏览者的视觉范围内。 yP9红软基地
当容器滚动或大小改变时，再重新历遍元素判断。 yP9红软基地
如此重复，直到所有元素都加载后就完成。yP9红软基地

软件截图

 yP9红软基地