login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Loading met gif (Opgelost)

Offline mathiasB - 22/09/2007 15:27 (laatste wijziging 22/09/2007 16:24)
Avatar van mathiasBHTML interesse Ik weet niet zeker of het html of javascript is dus...

Nu is mijn vraag: Kan ik tijdens de laadtijd van mijn pagina een gifje laten weergeven? (bijvoorbeeld spinner.gif)? Zo ja, hoe? Ik zocht al op preloader maar het leverde gecompliceerde scripts op..

Alvast bedankt.

8 antwoorden

Gesponsorde links
Offline Ibrahim - 22/09/2007 15:31
Avatar van Ibrahim PHP expert verplaatst naar JavaScript, want je hebt hier waarschijnlijk JS voor nodig
Offline mathiasB - 22/09/2007 15:31 (laatste wijziging 22/09/2007 18:12)
Avatar van mathiasB HTML interesse ok, wist het niet zeker..
Bedankt trouwens  
Offline jerone - 22/09/2007 19:41 (laatste wijziging 22/09/2007 19:48)
Avatar van jerone JS gevorderde Zet helemaal bovenaan je pagina een divje met daarin je laad plaatje.
En zet daarna helemaal onderaan in je pagina dat je bovenstaande divje wil verwijderen/verdwijnen.

Op deze manier wordt wel de site zichtbaar geladen, maar laad je tevens een ladingsplaatje zien.

(werkt het beste met grote lappen html)

en anders heb je ook nog die van Leejoo.nl
Offline nathanael - 22/09/2007 19:46
Avatar van nathanael Gouden medaille

HTML gevorderde		 misschien kan je iets met dit:

http://www.seraja.com/img/image_loader.gif
Offline Gerard - 22/09/2007 20:47
Avatar van Gerard Ouwe rakker
nathanael schreef:
misschien kan je iets met dit:

http://www.seraja.com/img/image_loader.gif

Die had hij zelf al één gevonden.

Citaat:
Zet helemaal bovenaan je pagina een divje met daarin je laad plaatje.
En zet daarna helemaal onderaan in je pagina dat je bovenstaande divje wil verwijderen/verdwijnen.

Op deze manier wordt wel de site zichtbaar geladen, maar laad je tevens een ladingsplaatje zien.

(werkt het beste met grote lappen html)

en anders heb je ook nog die van Leejoo.nl

Bovenste is goed idee, maar kan iets anders uitgewerkt worden. Onderste is belachelijk kut script want die preload helemaal niks maar faked gewoon een laadbar die NERGENS nut voor heeft.

Een betere uitwerking van je eerste voorbeeld zou zijn:
1) Plaats in het begin van de pagina een DIV over de hele pagina heen, zodoende is niets aanklikbaar
2) Laat die DIV verdwijnen middels een javascript functie die aangeroepen wordt bij body onload="".

Waarom dat ik daarvoor kies en niet voor onderaan de pagina is dat onload pas ingeladen wordt als ALLES goed staat op de pagina. Dat is dus DE plaats om dit soort dingen te doen.

Je kan eventueel ook eens kijken naar Plesk, die gebruikt ook een dergelijk systeem.
Offline jerone - 22/09/2007 20:50
Avatar van jerone JS gevorderde
Proximus schreef:
...Onderste is belachelijk kut script want die preload helemaal niks maar faked gewoon een laadbar die NERGENS nut voor heeft.
helemaal gelijk, was ook bedoelt voor een ander topic op dit forum  
Offline Gerard - 22/09/2007 20:51
Avatar van Gerard Ouwe rakker
jerone schreef:
[..quote..]helemaal gelijk, was ook bedoelt voor een ander topic op dit forum  

Was ook niets persoonlijks hoor, snap alleen de debiel niet die het gemaakt heeft.
Offline mathiasB - 23/09/2007 12:21 (laatste wijziging 23/09/2007 16:59)
Avatar van mathiasB HTML interesse Bedankt ik zal het eens proberen ;)

Edit: Ok dat werkte alleszinds wel, maar alleen blijkt men site niet groot genoeg zodat je het niet merkt.

Voor mensen die geinteresseerd zijn:

Dit is het vrij simpele javascript dat je nodig hebt:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function haalLoaderWeg(){
  2. document.getElementById("LoaderDiv").style.display='none';
  3. }


Op de pagina('s) waar je het wil toepassen plaats je dan dit:
HEAD:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT TYPE="text/javascript" SRC="script.js"></SCRIPT>

BODY:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <BODY onLoad="haalLoaderWeg()">
  2. <div id="LoaderDiv">
  3. hier je afbeelding desnoods met tekst
  4. </div>
  5. /* De rest van je pagina */
  6. </body>


Als je alleen maar wilt laten "lijken" alsof je pagina geladen wordt kan je dat simpel oplossen:

Maak een index.html aan waarin je dit zet:
HEAD:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <meta http-equiv="refresh" content="3; url="main.html" />
Waarbij content het aantal seconden is waarna er wordt doorgelinkt naar de url.
In de BODY van de pagina zet je dan gewoon je afbeelding die je weil gebruiken als 'lader'. Na 3 seconden (in dit voorbeeld) wordt er dan gewoon doorgelinkt.

Greetz M
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s