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/"

我正在使用以下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/";
    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版本中工作,请参阅以获取说明