减少图片http请求 之（图片懒加载）

懒加载原理： 一个网页可能会有成百上前张图片，如果一次性加载这么多的话，浏览器负荷量太大，很有可能会给用户造成空白页（虽然浏览器一直在加载，但是用户并不知道），所以就产生了图片懒加载，在图片即将出现在屏幕显示区域时，再发送该图片的http请求。
主要思想： 当滚动条的top值和屏幕的高度之和小于图片的距离外层div的上边线值
优化： 利用节流控制滚动条事件的次数，优化代码

• html代码如下

<div>
        <img src="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg" data-src="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
        <img src="./img/4.jpg" data-src="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
        <img src="./img/4.jpg" data-src="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
        <img src="./img/4.jpg" data-src="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
        <img src=