图片预加载

var myImage = (function() {
    var imgNode = document.createElement('img');
    document.body.appendChild(imgNode);

    var img = new Image();

    img.onload = function() {
        imgNode.src = img.src;
    }

    return {
        setSrc: function(src) {
            imgNode.src = 'images/ajaxing.gif';
            img.src = src;
        }
    }
})();

myImage.setSrc('http://tse4.mm.bing.net/th?id=OIP.puFzgpLnlMDZoFso0eSbIQDIEs&pid=15.1');

虚拟代理实现

var myImage = (function() {
    var imgNode = document.createElement('img');
    document.body.appendChild(imgNode);

    return {
        setSrc: function(src) {
            imgNode.src = src;
        }
    }
})();

var proxyImage = (function() {
    var img = new Image();
    img.onload = function() {
        myImage.setSrc(this.src);
    }

    return {
        setSrc: function(src) {
            myImage.setSrc('images/ajaxing.gif');
            img.src = src;
        }
    }
})();

proxyImage.setSrc('http://tse4.mm.bing.net/th?id=OIP.puFzgpLnlMDZoFso0eSbIQDIEs&pid=15.1');
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容