[js]preload foto indicatie laadtijd

[Verwijderd]

Ik werk via @home.
Daarom zijn (telefoon)laadtijden moeten te controleren.
Aan de hand van een preload scriptje wil ik aangeven dat dit laden gereed is.
Ik gebruik het volgende scriptje in de head zonder function:

code:

var jss = 0;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];
if (iss==pss)
{
setTimeout('document.getElementById("CaptionBox").innerHTML="Laden gereed.....";',2000);
}
}

Is het nu zo dat na het laden van de laatste foto die indicatie pas komt ?
Of loopt de teller gewoon door TERWIJL de foto's geladen worden ?
Moeilijk te checken met snelle kabelverbinding.

[Verwijderd]

Ik snap sowieso het nut van dit script niet!?

Je doet eenmalig een check of de plaatjes gereed zijn?! En als dat het geval is wacht je nog 2 seconden met het weergeven van de tekst "Laden gereed"?

Je kunt deze code beter in een functie proppen, een setInterval er buitenhouden die om de 100 ms kijkt of de plaatsjes geladen zijn en sloopt die setTimeout er helemaal maar uit...

edit: loopje over het hoofd gezien....

[ Voor 7% gewijzigd door Verwijderd op 12-06-2003 13:21 ]

[Annie]

De melding komt pas na de laatste image (na een timeout van 2 sec). En daarmee is het ook een beetje zinloos om 'm in de loop te plaatsen met een if-je. In dat geval kan je 'm net zo goed na de loop plaatsen.

Wat wil je precies bereiken?
Gaat het om de melding dat alle images geladen zijn? In dat geval zou ik onload van een image een functie aanroepen die een boolean set en daarna controleert of alle booleans al de juiste waarde hebben en indien ja de melding toont.

[Clay]

de for loop wacht niet op het laden van de images. Je kan van images een .complete property opvragen, en dus daar op checken, ala:

JavaScript:

for(var i ... bla ) {
   dinges[i] = new Image();
   ... src = "pad";
}

// load checken
function checkLoading() {
   for(var i ... dinges.length) {
      if(!dinges[i].complete) {
         setTimeout('checkLoading()', 500); 
         return;
      }
   }

   // hier is alles geladen
   iets();
}

checkLoading();

Het laden van images in een eigen array is trouwens niet van invloed op de onload van de body, die kan dus eerder komen dan dat je images op deze manier geladen zijn.

[Verwijderd]

Bedankt Clay voor de uitleg. En het script werkt geweldig.

[Annie]

Verwijderd schreef op 12 juni 2003 @ 14:53:
Bedankt Clay voor de uitleg.

offtopic:
<sarcasme>
Inderdaad, gelukkig zijn er nog bezoekers die de moeite nemen voor een antwoord op een vraag.
Al die andere vervuilende berichten die niets toevoegen zouden verboden moeten worden.
</sarcasme>