本文介绍了一种使用JavaScript预加载图片的方法。通过创建Image对象并设置其src属性为图片URL，可以在页面加载时提前获取图片资源，减少用户等待时间。示例代码展示了如何定义图片路径数组并遍历该数组来预加载所有图片。
(function(){
//存放图片路径的数组
var imgSrcArr = [
"style/chat/new2017/image/png/toasts.png",
"style/chat/new2017/image/svg/toasts.svg"
];
var imgWrap = [];
function preloadImg(arr) {
for(var i =0; i< arr.length ;i++) {
imgWrap[i] = new Image();
imgWrap[i].src = arr[i];
}
}
preloadImg(imgSrcArr);
})()
//存放图片路径的数组
var imgSrcArr = [
"style/chat/new2017/image/png/toasts.png",
"style/chat/new2017/image/svg/toasts.svg"
];
var imgWrap = [];
function preloadImg(arr) {
for(var i =0; i< arr.length ;i++) {
imgWrap[i] = new Image();
imgWrap[i].src = arr[i];
}
}
preloadImg(imgSrcArr);
})()
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
