您的位置:首页 > 职场人生

预加载图片并显示的例子

2012-03-04 23:03 176 查看
function preloadimg(url,obj){
var img=new Image();
img.onload=function(){
obj.innerHTML="";
obj.style.width=String(img.width)+"px";
obj.appendChild(img);
};
img.onerror=function(){
obj.innerHTML="图片加载错误,请检查网络或URL地址!"
};
img.src=url; //img.src一定要写在img.onload之后,否则在IE中会出现问题
}

$(document).ready(function(e) {
preloadimg("http://upload.wikimedia.org/wikipedia/commons/1/15/Tzaishan_at_nsysu.jpg",$("#imgtest")[0]);
});

使用appendChild函数将预加载后的img对象输出到页面中。

如果使用img的src属性输出将会再次读取图片内容而不是适用缓存中的图像。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息