1 van 1
Website - loader
Geplaatst: vr 12 aug 2011, 10:50
door In physics I trust
Hallo,
Stel dat je een website hebt die nogal traag laadt door vrij 'zware' content: high res-afbeeldingen etc. gecombineerd met een server die niet al te snel is. Dan is het niet netjes (of in ieder geval niet wenselijk) dat je site verschijnt in blokken die stuk voor stuk geladen worden.
Een eenvoudig 'loading'-gifje zou dan natuurlijk al veel doen, maar ik heb geen idee hoe je ervoor kan zorgen dat je webpagina pas alles toont nadat ze volledig geladen is en in de tussentijd een eenvoudig afbeeldingetje toont.
Iemand een idee?
Alvast bedankt!
Re: Website - loader
Geplaatst: vr 12 aug 2011, 11:35
door venra
Volgens mij wordt de 'body onload' slechts uitgevoerd na het laden van de volledige pagina. Dus:
1) Maak een div 'loading' met de loading-afbeelding. Plaats deze meteen na de body.
2) Je standaard layout staat in een container (zoals meestal). Deze container verberg je met display:none
Code: Selecteer alles
<body onLoad="Laden();">
<div id="loading">Wat je wil weergeven voor het laden</div>
<div id="container" style="display:none">Je gewone inhoud</div>
</div>
3) Het java script: De laaddiv verstoppen en de container tonen
Code: Selecteer alles
function Laden{
document.getElementById('loading').style.display='none';
document.getElementById('container').style.display='block';
}
Heb het niet getest, dus laat je even weten of het werkt?
Re: Website - loader
Geplaatst: vr 12 aug 2011, 13:05
door In physics I trust
Neen, dat doet hij niet. Hij laadt eerst (terwijl hij niets weergeeft) en vervolgens, eens hij geladen is, geeft hij enkel de loading div weer. Vreemd.
Ik zie niet meteen hoe ik dat kan verklaren, want je idee leek me perfect...
In ieder geval al bedankt, ik zoek er verder op.
Re: Website - loader
Geplaatst: vr 12 aug 2011, 13:59
door venra
Staat het ergens online?
Zal straks ook nog eens zien, momenteel niet erg veel tijd.
Re: Website - loader
Geplaatst: vr 12 aug 2011, 14:25
door ZVdP
Is dit iets:
queryloader?
Ik heb er zelf nog niet mee gewerkt, dus kan niet zeggen of het goed werkt.
Re: Website - loader
Geplaatst: vr 12 aug 2011, 20:40
door 317070
Heb het niet getest, dus laat je even weten of het werkt?
Ik heb het ook niet getest, maar wat je krijgt snap ik ook niet. Wordt het scriptje wel gestart?
In ieder geval, body.onload() is te vroeg, die wordt gestart voor het laden van de afbeeldingen.
Kun je niet jQuery gebruiken? Daar kun je meer fancy dingen meer doen (vloeidend hide en show bijvoorbeeld). Die heeft ook een event op het juiste moment:
$(window).load(Laden())
Re: Website - loader
Geplaatst: vr 12 aug 2011, 23:40
door In physics I trust
Ja, na wat gegoogel was ik daar ook op uitgekomen. Het grappige is dat ik voor de rest van de site al jQuery had gebruikt, dus ik had wel iets van je meent het... Ik kan in ieder geval bevestigen dat het werkt met jQuery. Linkje volgt zo.
student.vub.ac.be/gthieren/noble-kenburns/index.html
Re: Website - loader
Geplaatst: za 13 aug 2011, 03:46
door venra
Ja echt vreemd, ik dacht nu echt dat de onload vollédig NA het laden werd uitgevoerd.
Blijkbaar iet dus.
Ik ga op 'onderzoek' van zodra ik tijd heb dus binnen de week
grtz
EDIT:
Als je reeds jQuery gebrukt, blijven gebruiken
Maar hoe dan ook wil ik dde fout in mijn denkwijze ontdekken.
Re: Website - loader
Geplaatst: za 13 aug 2011, 09:29
door 317070
student.vub.ac.be/gthieren/noble-kenburns/index.html
Wow, daar moet mijn netboekje van beginnen blazen.
Re: Website - loader
Geplaatst: ma 15 aug 2011, 14:05
door JorisL
Daar bestaat ook 1 of andere header (ik dacht via PHP(of iets dergelijks) meegeven) of iets dergelijk voor, dat ie de pagina eerst volledig laad en dan pas weergeeft. Weet niet meer waar ik het gelezen heb en vind het ook niet terug.