怎么在页面时延时显示图片

Question

今天看设计模式，代理模式说可以做个图片代理解决图片太大，图片显示慢的问题？？ 请问具体是怎么实现的？？

Answer 1

假设是html页面上显示图片，如果你直接在页面上显示图片的话，是用<img src=""这样的标签来实现。那这样加载时间就要等待很久。通过代理模式比如说html本身先不加载，把加载图片的任务交给代理，Javascript来做。

function imgLoadProxy(src){
var img = new Image();
img.src=src;
...
//通过dom操作添加到页面上
}

然后html页面上就不直接写img标签了。页面加载完毕后，再执行js。

window.onload=function(){
imgLoadProxy('aaaa.jpg')；
}