Preload som validerar i STRICT

3 svar · 318 visningar · startad av DanneSt 10 juni 2007

DanneStMedlem sedan feb. 20041 311 inlägg

Frågan10 juni 2007 18:17#1

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?

Peter SMedlem sedan dec. 20025 483 inlägg

10 juni 2007 18:21#2

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

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

DanneStMedlem sedan feb. 20041 311 inlägg

10 juni 2007 18:25#3

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å?

Peter SMedlem sedan dec. 20025 483 inlägg

10 juni 2007 18:27#4

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];
...