JavaScript: Preload images at loading

js-image-preload.js

// Prelod a single image
var image = $('<img />').attr('src', '/path/to/image.png');

// Multiple images
function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

// Usage:
preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);

/* OR TURN IT INTO A PLUGIN */
$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

// Usage:
$(['img1.jpg','img2.jpg','img3.jpg']).preload();