Förladdning av bilder

Jag har ett fotogalleri med små thumbnails. När man för musen över någon av dessa thumbnails visas en likadan bild bredvid thumbnails-en, fast med full storlek.

Det betyder att när en sådan händelse inträffar så måste webbläsaren ladda fram den stora bilden vilket tar en stund efter att musen är på thumbnail-en.

Men jag vill att bilden ska dyka upp direkt. Därför undrar jag hur jag ska lösa det på bästa sätt?

Går det att förladda bilderna så att webbläsaren "redan har dem"?

<script type="text/javascript">

var imgArr = ["bild1.png", "bild2.png", "bild3.png"],
    iLen = imgArr.length;

while (iLen-->0) (new Image()).src = imgArr[iLen];

</script>

:)

Tack, och ursäkta för det sena svaret.

Koden verkar dock inte fungera. Behöver jag ange en fullständig webbadress med "http://" eller räcker det med att den går ifrån aktuell adress?

Sätt in din sökväg här: var imgArr = ["**/bilder/**bild1.png","**images/**bild2.png","bild3.png"]

tips, använd document.createElement("IMG") istället för new Image()