图片按需加载

// 懒加载
    function lazyload() {
        var imgs = document.getElementsByTagName("img");
        var tmp_url;
        var winHeight = document.documentElement.clientHeight;
        for (var i = 0; i < imgs.length; i++) {
            tmp_url = imgs[i].getAttribute("data-original");
            if (!imgs[i].getBoundingClientRect) {
                imgs[i].src = tmp_url;
                continue;
            }
            // 在可视区内  150px缓冲 
            if (imgs[i].getBoundingClientRect().top < winHeight + 150) {
                    imgs[i].src = tmp_url;
            }
        }

    }
    window.onscroll = lazyload;

html:

<img src="" alt="bg032" data-original="http://jic.makepolo.net/css/tg/luodi/img/bg032.png">