頁面延遲加載JS包 lazyload.js scrollloading.js
- 軟件類型：
- 國產(chǎn)軟件
- 軟件語言：
- 簡體中文
- 軟件大�。�
- 1 MB
- 軟件授權(quán)：
- 免費(fèi)軟件
- 軟件評級：
- 4
- 更新時(shí)間：
- 2017-10-13
- 應(yīng)用平臺：
- WinXP, Win7, WinAll
這是頁面延遲加載JS包 lazyload.js scrollloading.js下載，你必須修改 HTML 代碼. 在 src 屬性中設(shè)置展位符圖片， demo 頁面使用 1x1 像素灰色 GIF 圖片. 并且需要將真實(shí)圖片的 URL 設(shè)置到 data-original 屬性.
軟件介紹
頁面延遲加載JS包 lazyload.js scrollloading.js是從網(wǎng)上下載來的版本多多少少都有些BUG，尤其是加載后在IE6和IE7下圖片閃動是個(gè)大問題，在網(wǎng)上查了很久，也沒有找到相關(guān)的解決方案。沒解決方案，就得發(fā)揮咱DIY的精神，自己想法解決，分析了BUG，理了理思路，結(jié)合前段時(shí)間我做彈出窗口特效的方法，解決了Jquery.LazyLoad.js的兼容問題，現(xiàn)將思路和方法與大家分享一下。
軟件說明
頁面延遲加載JS包 lazyload.js scrollloading.js是通過延遲加載來實(shí)現(xiàn)按需加載，達(dá)到節(jié)省資源，加快瀏覽速度的目的。
網(wǎng)上也有不少類似的效果，這個(gè)Lazyload主要特點(diǎn)是：
支持使用window（窗口）或元素作為容器對象；
對靜態(tài)（位置大小不變）元素做了大量的優(yōu)化；
支持垂直、水平或同時(shí)兩個(gè)方向的延遲。
由于內(nèi)容比較多，下一篇再介紹圖片延遲加載效果。
兼容：ie6/7/8， firefox 3.5.5， opera 10.10， safari 4.0.4， chrome 3.0
相關(guān)原理
首先要有一個(gè)_container容器對象，容器里面是_elems加載對象集合的元素。
停止或不加載集合里面的元素（隱藏或替換等方法）。
然后歷遍集合元素，當(dāng)元素在加載范圍內(nèi)，再進(jìn)行加載。
加載范圍一般是容器的視框范圍，即瀏覽者的視覺范圍內(nèi)。
當(dāng)容器滾動或大小改變時(shí)，再重新歷遍元素判斷。
如此重復(fù)，直到所有元素都加載后就完成。
軟件截圖
