Function to preload images?

Question

I\'m successfully pre-loading an image on my website with this JavaScript:

loveHover = new Image();
loveHover.src = \"http://mypage.com/images/love-hover.png\";
         


        

Answer 1

["love-hover.jpg", "like-hover.jpg", "hate-hover.jpg"].forEach(function(img)
{
    new Image().src = "http://mypage.com/" + img;
});

To get this to work in IE versions earlier than 9, see the Array.forEach Compatibility section for instructions.