图片懒加载

在html中

<img src="占位的图片地址" data-src="ajax请求过来的真实的图片地址">

在js中实现的代码：

$(function(){
    $(window).scroll(function() {
        array = $("img");
        $("img").each(function () {
            if ( $(window).height() >( $(this).offset().top - $(document).scrollTop())  ){
                $(this).attr('src',$(this).attr('data-src'));
                array.splice($(this),1);
            }
        })
    })
})