webForumDet fria alternativet

Förladdning av bilder

JavaScript

4 svar · 351 visningar · startad av LeonL

Medlem sedan dec. 20025 871 inlägg
Frågan#1

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

Medlem sedan dec. 20025 483 inlägg
#2
<script type="text/javascript">

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

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

</script>

:)

Medlem sedan dec. 20025 871 inlägg
#3

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?

Medlem sedan nov. 20017 144 inlägg
#4

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

Medlem sedan juli 2003303 inlägg
#5

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

274 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
133 ms — ändringar (db)