页面图片懒加载

html代码

<img data-original="真实地址" />

页面图片加载代码
js代码

/*图片懒加载*/
function LazyLoad(){
    var srcStr = "";//定义img的src;
    var img = document.querySelectorAll(".lazyload");//获取页面.lazyload图片
    var h = window.innerHeight;
    var s = $(".mm_page").scrollTop();
    for(var i=0; i<img.length;i++){
         img[i].flag = true;
        if((h+s)>getTop(img[i])){//如果屏幕高度+滚动高度大于图片到顶部的高度
            (function(i){
                setTimeout(function(){

                    // 获取自定义属性data-original，用真图片替换假图片
                    srcStr = img[i].getAttribute('src');
                    if(srcStr==null){ //只会请求一次
                        img[i].src = img[i].getAttribute('data-original');
                    }
                },500);
            })(i)
        }
    }
}