//单图片预加载
function preloadImg(url) {
var img = new Image();
img.src = url;
if(img.complete) {//complete记得检查comlete属性
//接下来可以使用图片了
//do something here
}
else {
img.onload = function() {
//接下来可以使用图片了
//do something here
};
}
}
//多图片预加载
function preloadImg(list) {
var imgs = arguments[1] || [], //用于存储预加载好的图片资源
fn = arguments.cal lee;
if(list.length == 0) {
return imgs;
}
var img = new Image();
img.src = list[0];
if(img.complete) {
imgs.push(img);
list.shift();
fn(list, imgs);
}
else {
img.onload = function() {
imgs.push(img);
list.shift();
fn(list, imgs);
};
}
}
var list = [......], //此处省略一万个字符
imgs = preloadImg();
本文分享自 交互设计前端开发与后端程序设计 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!