Load images from an array with jQuery

Question

I have an array of numerical values and, using jQuery, would like to preload images based on that array. For example, if the array is ["1", "5", "8", "23"], I'd like to preload the following images:

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

What's the best way to accomplish this?

Ahmet Kakıcı · Accepted Answer · 2011-10-18 16:40:18Z

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);

answered Oct 18, 2011 at 16:40

Ahmet Kakıcı

6,4124 gold badges39 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Load images from an array with jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related