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；

這些地方在將來的使用中還需注意