页面延迟加载JS包 lazyload.js scrollloading.js
- 软件类型：
- 国产软件
- 软件语言：
- 简体中文
- 软件大小：
- 1 MB
- 软件授权：
- 免费软件
- 软件评级：
- 4
- 更新时间：
- 2017-10-13
- 应用平台：
- WinXP, Win7, WinAll
这是页面延迟加载JS包 lazyload.js scrollloading.js下载，你必须修改 HTML 代码. 在 src 属性中设置展位符图片， demo 页面使用 1x1 像素灰色 GIF 图片. 并且需要将真实图片的 URL 设置到 data-original 属性.
软件介绍
页面延迟加载JS包 lazyload.js scrollloading.js是从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段时间我做弹出窗口特效的方法，解决了Jquery.LazyLoad.js的兼容问题，现将思路和方法与大家分享一下。
软件说明
页面延迟加载JS包 lazyload.js scrollloading.js是通过延迟加载来实现按需加载，达到节省资源，加快浏览速度的目的。
网上也有不少类似的效果，这个Lazyload主要特点是：
支持使用window（窗口）或元素作为容器对象；
对静态（位置大小不变）元素做了大量的优化；
支持垂直、水平或同时两个方向的延迟。
由于内容比较多，下一篇再介绍图片延迟加载效果。
兼容：ie6/7/8， firefox 3.5.5， opera 10.10， safari 4.0.4， chrome 3.0
相关原理
首先要有一个_container容器对象，容器里面是_elems加载对象集合的元素。
停止或不加载集合里面的元素（隐藏或替换等方法）。
然后历遍集合元素，当元素在加载范围内，再进行加载。
加载范围一般是容器的视框范围，即浏览者的视觉范围内。
当容器滚动或大小改变时，再重新历遍元素判断。
如此重复，直到所有元素都加载后就完成。
软件截图
