JavaScript兑现 页面滚动图片加载

JavaScript实现 页面滚动图片加载

　　现在的页面大多都具有的特点 -?内容丰富，图片较多；像我们经常浏览的淘宝，京东，团购网站之类的（本人网购控，属于一个月不在网上花点钱就不痛快），一个页面几十张图片那叫毛毛雨，所以现在流行起了一个方法 - 滚动动态加载。这个方法能解决很大程度的HTTP请求，首先页面只加载窗口显示区的图片，只有等到页面滚动，且滚动到相应位置的时候再去加载图片，这样做网页加载快了（请求少了，加载的东西少了能不提快么）。在《高性能网站建设指南》第一章就说到，减少HTTP请求的重要性，这是提高网页前端性能，优化页面加载速度很实用的做法。?

2.在图片load的时候可以加入等待的图片，这样用户才会知道这里有图片需要加载，良好的用户体验是前端一直所追求的(例子中有体现)；

3.在图片load成功后可以加入合适的显示效果(例子中木有体现，可以自己尝试)；

?--------------------------------------------------------------------------

?JavaScript源码如下：

最后，祝大家工作愉快，学习进步，哈哈..

如果觉得此文还算用心，请劳驾点右下角 的推荐 ^.^ 。