Preload som validerar i STRICT

Jag har en meny som består av 4 större bilder + 4 hover-bilder.
När man hovrar så blinkar det till en kort stund innan hover-bilden har laddat - mycket irriterande! Se länk!

Har därför sökt efter en lösning och hittat en del trådar som tipsar om preload-script. Har provat några stycken men tycker inte att de hjälper, dessutom validerar de inte med doctypen "strict".

Någon som har nåt tips?

Lägg skriptet i en separat fil som du länkar in:

<script type="text/javascript" src="[red]filens_namn.js[/red]"></script>

Peter S skrev:

Lägg skriptet i en separat fil som du länkar in:

<script type="text/javascript" src="[red]filens_namn.js[/red]"></script>

Ok, så enkelt fixar man valideringen alltså?
Man tackar! :)

Har du nåt bra tips på själva scriptet åxå? :q

Följande bör räcka:

function preload()
{
 var imgs = ["fil1.jpg", "fil2.gif"];
 for (var i = 0; i < imgs.length; ++i)
  new Image().src = imgs[i];
}

preload();

Kom ihåg att ange bildernas hela sökvägar, alternativt skriv

var imgs = ["fil1.jpg", "fil2.gif"];
...
new Image().src = "sökväg/till/bilder/" + imgs[i];
...