jquery 延迟加载技术

(function() {
    if ($(\'#id\').length) {
        var win = $(window);
        var elements = $(\'#id\').find(\'img\');
        var checkShow = function(event) {
                var fold = win.height() + win.scrollTop();
                elements.each(function() {
                    if (fold > $(this).offset().top) {
                        $(this).trigger("appear");
                        elements = elements.not(this);
                    }
                });
                !elements.length && win.unbind("scroll", checkShow);
            };
        elements.each(function() {
            $(this).one("appear", function() {
                $(this).attr("src", $(this).attr("longdesc"));
            });
        });
        win.bind("scroll", checkShow);
        checkShow();
    }
})();

原理就是：拓展html 属性 用来存放图片的src只需页面滚动的时候，切换过来即可、

 

上面的代码没有稳定撤退，其实只需要html按照原来的写法写、在加载的时候，把src换成lsrc 然后滑动时候，再切换回来即可、