Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile.

Here’s a cute little snippet that does just that.

function preload(yourarrayOfImages) {
    $(yourarrayOfImages).each(function(){
        $('<img/>')[0].src = this;
    });
}

preload([
    'img/image1.jpg',
    'img/image2.jpg',
    'img/image3.jpg'
]);