webForumDet fria alternativet

Ladda bilder -> kör script?

10 svar · 279 visningar · startad av Jesper T

Jesper TMedlem sedan nov. 20017 058 inlägg
#1

Hur skulle jag med js kunna ladda in sidans bilder och sedan köra ett litet "lagerscript".
I nuläget så ser det ut som kakka om inte alla bilder är inladdade.

Peter SMedlem sedan dec. 20025 484 inlägg
#2
var images = ["foo.png", "bar.png", "faa.png"];

for (var i = 0; i < images.length; i++) (new Image()).src = images[i];

:)

CheguelinMedlem sedan juli 2003351 inlägg
#3
<script type="text/javascript">
window.onload = function() {
	preloadImages("a.gif", "b.gif", "c.gif");
};
function preloadImages() {
	for (var i = 0; i < arguments.length; i++)
		document.createElement("img").src = arguments[i];
}
</script>
Jesper TMedlem sedan nov. 20017 058 inlägg
#4

Tack, och vad innebär detta i praktiken?

Peter SMedlem sedan dec. 20025 484 inlägg
#5

Image-objektet används för att tvinga webbläsaren att ladda ned de specificerade bilderna till webbläsarens cache. Således hämtas dessa snabbare nästa gång de efterfrågas.

:)

Jesper TMedlem sedan nov. 20017 058 inlägg
#6

Var kan man slänga in en alert("Bilderna är laddade")?

Nexus86Medlem sedan okt. 20022 683 inlägg
Jesper TMedlem sedan nov. 20017 058 inlägg
#8

Tack, men det är för mycket kraffs.
Jag vill bara köra ett litet script(gömma ett lager) när bilderna är laddade.

CheguelinMedlem sedan juli 2003351 inlägg
#9

Antingen så laddar du bilderna innan eller så gör du inte det, så vad snackar du om?

Jesper TMedlem sedan nov. 20017 058 inlägg
#10

Är nu = fel: Även fast bilderna inte är helt laddade i cachen så fösvinner lagret som skall försvinna när alla bilderna är laddade.
Skall vara = rätt: När alla bilderna är helt laddade i cachen så försvinner lagret.

Skall jag vara mer tydlig eller är jag helt puckad?

JojoxxMedlem sedan juni 20004 306 inlägg
#11

Du kan haka på ett onload-event på alla bilder du laddar via scriptet, men jag tror vanlig html är enklare;

<div style="position:absolute;visibility:hidden;">
<img ...>
<img ...>
</div>

...

window.onload=function(){
// do something.
}
124 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
121 ms — hämta tråd, inlägg och bilagor (db)