这是页面延迟加载（zǎi）JS包（bāo） lazyload.js scrollloading.js下载，你必须修改（gǎi） HTML 代码. 在 src 属性（xìng）中设置展（zhǎn）位符图片， demo 页面使用（yòng） 1x1 像素灰（huī）色 GIF 图片. 并（bìng）且需要将真实图（tú）片的 URL 设置到（dào） data-original 属（shǔ）性（xìng）.3H4红软（ruǎn）基（jī）地（dì）

软件介绍

页面延（yán）迟加载JS包 lazyload.js scrollloading.js是从网上下载来的版本多多少少都（dōu）有些BUG，尤其是加（jiā）载后在IE6和（hé）IE7下图片闪动是个大问题，在网上（shàng）查了（le）很久，也没有找到相关（guān）的解决方案（àn）。没解决方案，就得（dé）发挥咱DIY的精（jīng）神（shén），自己（jǐ）想（xiǎng）法解决，分析了BUG，理了理思路，结合前段时间（jiān）我（wǒ）做弹出窗口特效的方（fāng）法，解决了Jquery.LazyLoad.js的兼（jiān）容问题，现将（jiāng）思路（lù）和方（fāng）法与大家分享一下。3H4红软基地

软件说明

页面延迟加载JS包 lazyload.js scrollloading.js是通（tōng）过延迟加载来实现按需加载，达到节省资源，加快浏览（lǎn）速度的（de）目的。 3H4红软基地
网上也有不少（shǎo）类似的效果，这（zhè）个Lazyload主（zhǔ）要特点是： 3H4红软（ruǎn）基地
支持使用window（窗口）或元素作为容器对象； 3H4红软基地
对（duì）静态（位置大小不变（biàn））元（yuán）素做了大（dà）量的优化； 3H4红软（ruǎn）基地
支（zhī）持垂直、水平或（huò）同时两个方向的延迟（chí）。 3H4红软基地
由（yóu）于内容（róng）比（bǐ）较多，下一篇再介绍图（tú）片延迟加载效果（guǒ）。 3H4红软（ruǎn）基地（dì）
兼（jiān）容：ie6/7/8， firefox 3.5.5， opera 10.10， safari 4.0.4， chrome 3.03H4红软基地

相关原（yuán）理

首（shǒu）先要（yào）有（yǒu）一个_container容器对象，容器（qì）里面是_elems加载对象集合的（de）元（yuán）素（sù）。 3H4红（hóng）软基地
停止或不加载集合里（lǐ）面（miàn）的元素（隐藏（cáng）或替换等方法）。 3H4红软基地
然后（hòu）历（lì）遍集合元素，当元素在（zài）加载范围内，再进行加载。 3H4红软（ruǎn）基地
加载范围一般（bān）是容器的视框范围，即浏览者的视觉范围内。 3H4红软基（jī）地
当容器滚动或（huò）大小改（gǎi）变时，再重新历遍（biàn）元（yuán）素判断（duàn）。 3H4红软基地
如此重复，直到所有元素都加载后就（jiù）完（wán）成。3H4红软基地

软件截图

 3H4红软基地（dì）