预加载图像的功能？ [英] Function to preload images?

问题描述

我已成功使用此JavaScript在我的网站上预加载图片：

I'm successfully pre-loading an image on my website with this JavaScript:

loveHover = new Image();
loveHover.src = "http://mypage.com/images/love-hover.png";

有没有一个简单的方法将这个东西打包成一个函数？类似于：

Is there an easy an good way to pack this thing into a function? Something like:

function preloadImage(image) {
    var image = new Image();
    var path = "http://mypage.com/images/";
    image.src = path + image;
}

推荐答案

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

要使其在9之前的IE版本中运行，请参阅 Array.forEach兼容性部分获取说明。

To get this to work in IE versions earlier than 9, see the Array.forEach Compatibility section for instructions.

这篇关于预加载图像的功能？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！