Question

I know this question has been asked multiple times but all the answers seem to conflict each other. I have 500-600 images that i want to preload and put in a slider. What would be the most efficient way to achieve this?

Apologies again if this has been answered before.

Thanks

Answer 1

Have a look at ImageLoader.

You can use it to load images and keep track of the loaded images.
e.g.

var imageLoader1 = new ImageLoader( {
    "images": [
            { "id":101, file: "path/image1.png" },
            { "id":102, file: "path/image2.png" }
        ],
        "onAllLoaded":function() { alert( "Images loaded" ); }
    } );

This is if you want to pre-load all the images. For 600 images, probably you shouldn’t do this though.