Website - loader
- Berichten: 7.390
Website - loader
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!
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!
"C++ : Where friends have access to your private members." Gavin Russell Baker.
-
- Berichten: 156
Re: Website - loader
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
3) Het java script: De laaddiv verstoppen en de container tonen
Heb het niet getest, dus laat je even weten of het werkt?
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>
Code: Selecteer alles
function Laden{
document.getElementById('loading').style.display='none';
document.getElementById('container').style.display='block';
}
- Berichten: 7.390
Re: Website - loader
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.
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.
"C++ : Where friends have access to your private members." Gavin Russell Baker.
-
- Berichten: 156
Re: Website - loader
Staat het ergens online?
Zal straks ook nog eens zien, momenteel niet erg veel tijd.
Zal straks ook nog eens zien, momenteel niet erg veel tijd.
- Berichten: 2.097
Re: Website - loader
Is dit iets:queryloader?
Ik heb er zelf nog niet mee gewerkt, dus kan niet zeggen of het goed werkt.
Ik heb er zelf nog niet mee gewerkt, dus kan niet zeggen of het goed werkt.
"Why must you speak when you have nothing to say?" -Hornblower
Conserve energy: Commute with a Hamiltonian
Conserve energy: Commute with a Hamiltonian
- Berichten: 5.609
Re: Website - loader
Ik heb het ook niet getest, maar wat je krijgt snap ik ook niet. Wordt het scriptje wel gestart?Heb het niet getest, dus laat je even weten of het werkt?
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())
What it all comes down to, is that I haven't got it all figured out just yet
And I've got one hand in my pocket and the other one is giving the peace sign
-Alanis Morisette-
And I've got one hand in my pocket and the other one is giving the peace sign
-Alanis Morisette-
- Berichten: 7.390
Re: Website - loader
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
student.vub.ac.be/gthieren/noble-kenburns/index.html
"C++ : Where friends have access to your private members." Gavin Russell Baker.
-
- Berichten: 156
Re: Website - loader
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.
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.
- Berichten: 5.609
Re: Website - loader
Wow, daar moet mijn netboekje van beginnen blazen.student.vub.ac.be/gthieren/noble-kenburns/index.html
What it all comes down to, is that I haven't got it all figured out just yet
And I've got one hand in my pocket and the other one is giving the peace sign
-Alanis Morisette-
And I've got one hand in my pocket and the other one is giving the peace sign
-Alanis Morisette-
-
- Berichten: 555
Re: Website - loader
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.