使用 JavaScript 预加载图像

javascript

2022-08-29 23:46:17

我在下面写的函数是否足以在当今常用的大多数（如果不是全部）浏览器中预加载图像？

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

我有一个图像URL数组，我循环访问并调用每个URL的函数。preloadImage

答案 1

是的。这应该适用于所有主流浏览器。

答案 2

试试这个，我认为这更好。

var images = [];
function preload() {
    for (var i = 0; i < arguments.length; i++) {
        images[i] = new Image();
        images[i].src = preload.arguments[i];
    }
}

//-- usage --//
preload(
    "http://domain.tld/gallery/image-001.jpg",
    "http://domain.tld/gallery/image-002.jpg",
    "http://domain.tld/gallery/image-003.jpg"
)

资料来源：http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/