使用jQuery从数组加载图像

时间:2011-10-18 16:30:21

标签: jquery arrays image preload

我有一个数值数组,并且使用jQuery,希望基于该数组预加载图像。例如,如果数组是["1", "5", "8", "23"],我想预加载以下图像:

/images/1.jpg
/images/5.jpg
/images/8.jpg
/images/23.jpg

实现这一目标的最佳方法是什么?

1 个答案:

答案 0 :(得分:2)

Source

var cache = [];
var imgArray=  new Array("1", "2", "3");
var prefix= "/images/";
var suffix = ".jpg";

function Preload(arrayName){
    var args_len = arrayName.length;
    for (var i = args_len; i--;) 
    {
        var cacheImage = document.createElement('img');
        cacheImage.src = prefix + arrayName[i] + suffix;
        cache.push(cacheImage);
    }
}

//usage
Preload(imgArray);