javascript - 预加载图像的功能？

Question

我成功地使用以下 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;
}

Answer 1

["love-hover.jpg", "like-hover.jpg", "hate-hover.jpg"].forEach(function(img)
{
    new Image().src = "http://mypage.com/" + img;
});

要使其在早于 9 的 IE 版本中工作，请参阅 Array.forEach Compatibility section获取说明。