Javascript 预加载图像的函数?
我正在使用以下JavaScript成功地在我的网站上预加载图像:Javascript 预加载图像的函数?,javascript,preload,Javascript,Preload,我正在使用以下JavaScript成功地在我的网站上预加载图像: loveHover = new Image(); loveHover.src = "http://mypage.com/images/love-hover.png"; 有没有一个简单的好方法可以把这个东西打包成一个函数?比如: function preloadImage(image) { var image = new Image(); var path = "http://mypage.com/images/"
loveHover = new Image();
loveHover.src = "http://mypage.com/images/love-hover.png";
有没有一个简单的好方法可以把这个东西打包成一个函数?比如:
function preloadImage(image) {
var image = new Image();
var path = "http://mypage.com/images/";
image.src = path + image;
}
您是否尝试过完全不使用javascript
您是否尝试过完全不使用javascript
功能的独特部分是src(图像链接)。所以,让这成为论点
function preloadImage(src) {
var image = new Image();
image.src = src;
}
然后,如果您有多个URL,请将它们存储在一个数组中:
var imageSrcs = [
"http://mypage.com/images/love-hover.png#",
"http://mypage.com/images/love-hover2.png",
"http://mypage.com/images/love-hover3.png"
];
并使用循环预加载图像:
for (var i = 0; i < imageSrcs.lengthl i++)
preloadImage(imageSrcs[i]);
for(var i=0;i
函数的唯一部分是src(链接到图像)。所以,让这成为论点
function preloadImage(src) {
var image = new Image();
image.src = src;
}
然后,如果您有多个URL,请将它们存储在一个数组中:
var imageSrcs = [
"http://mypage.com/images/love-hover.png#",
"http://mypage.com/images/love-hover2.png",
"http://mypage.com/images/love-hover3.png"
];
并使用循环预加载图像:
for (var i = 0; i < imageSrcs.lengthl i++)
preloadImage(imageSrcs[i]);
for(var i=0;i
要使其在早于9的IE版本中工作,请参阅以获取说明
要使其在早于9的IE版本中工作,请参阅以获取说明