login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Preloading discussie

Offline Stijn - 04/11/2006 20:45
Avatar van StijnPHP expert hallo

om maar eens de JS microbe in je wakker te maken opende ik dit topic.
Het gaat eigenlijk een goeie manier van preloaden. Ik vind dit moeilijk , heb er nog nooit één gemaakt en zat er al een uurtje over te dobberen en denk een goeie manier te hebben gevonden:

http://pastebin.be/3562/

zelf ben ik niet zo thuis in de wereld van JS maar vind dat deze discussie leuke en interessante dingen kan bieden voor andere en mezelf.

groeten
stijn

7 antwoorden

Gesponsorde links
Offline timmie_loots - 05/11/2006 00:25
Avatar van timmie_loots PHP gevorderde Ik neem aan dat het gaat om het preloaden van plaatjes, de HTML wordt namelijk in 1 hap verstuurd (voor zover ik weet).

Om daarop te controleren komt jouw code niet eens in de buurt. Ten eerste werkt hij volgens mij sowieso niet, omdat de functie call eerder plaatsvindt dan het veranderen van de loaded var, en bovendien verschijnt alles al voor de pagina is geladen.

Je moet dus controleren of alle plaatjes geladen zijn, hoe je dat doet zou ik niet precies weten.
Offline Stijn - 05/11/2006 01:17
Avatar van Stijn PHP expert ja da's zo het probleem eigenlijk. Ik dacht dat hij aan het einde van je HTML document zou zijn als alles geladen zou zijn. Maar blijkbaar niet dus... mmm
Offline zamna - 05/11/2006 09:59
Avatar van zamna HTML beginner ik doe dat eigenlijk gewoon met css:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="afbeeldingen/mijnprentje.gif" alt="omschrijving" width="300" height="200" style="display: none;" />
Offline Addow - 05/11/2006 13:19 (laatste wijziging 05/11/2006 14:12)
Avatar van Addow Gouden medaille

PHP beginner		 Dit is een javascriptje dat ik liever gebruik dan de microtime() functie in php (aangezien die enkel een idee voor developers geeft), waarmee de tijd bepaalt wordt, die weergeeft hoe lang je browser erover doet om je pagina te laden, van de eerste letter tot de laatste image!

Plaats dit in je header
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript" >
  2. <!--
  3. 	var loading = (new Date()).getTime();
  4. 	function done_loading() {
  5. 		document.getElementById("loadtime").innerHTML += ' | Loaded in '+(((new Date()).getTime() - loading) / 1000) +'s.';
  6. 	}
  7. //-->
  8. </script>


In je body verander je dit eerst:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <body onload="done_loading();">


En ergens in je html plaats je deze code, je wil immers het resultaat ergens weergeven.
Let op: resultaat wordt pas weergegeven indien gans de pagina geladen is!
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="loadtime">Copyright 2006 - Sitemasters.be</div>



Hier vind je een voorbeeldje: http://sitemasters.addow.be/loading/
Offline timmie_loots - 05/11/2006 14:07
Avatar van timmie_loots PHP gevorderde Hmm, ik dacht dat onload al uitgevoerd werd voor alle plaatjes geladen waren.
Offline Addow - 05/11/2006 14:17
Avatar van Addow Gouden medaille

PHP beginner
Citaat:
Hmm, ik dacht dat onload al uitgevoerd werd voor alle plaatjes geladen waren.

onload() wordt uitgevoerd voor alle tekst wordt uitgevoerd, maar daarentegen niet vooraleer alle externe objectverwijzingen geladen zijn, dwz. (<img src="...">, <link rel="stylesheet" href="...">, <script src="...">,...)

Maar vermits tekst vaak niet de grootste bandbreedtegebruiker is, kunnen we dat in dit geval verwaarlozen, niet?!
Offline Stijn - 05/11/2006 14:19
Avatar van Stijn PHP expert @Addow: slaat dus neer op mijn theorie , allleen voeg jij daar tijd bij. Knap en het werkt :-)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.227s