Springen naar inhoud

Website - loader


  • Log in om te kunnen reageren

#1

In physics I trust

    In physics I trust


  • >5k berichten
  • 7384 berichten
  • Moderator

Geplaatst op 12 augustus 2011 - 09:50

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!
"C++ : Where friends have access to your private members." — Gavin Russell Baker.

Dit forum kan gratis blijven vanwege banners als deze. Door te registeren zal de onderstaande banner overigens verdwijnen.

#2

venra

    venra


  • >100 berichten
  • 156 berichten
  • Ervaren gebruiker

Geplaatst op 12 augustus 2011 - 10:35

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
<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
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?

Veranderd door venra, 12 augustus 2011 - 10:36


#3

In physics I trust

    In physics I trust


  • >5k berichten
  • 7384 berichten
  • Moderator

Geplaatst op 12 augustus 2011 - 12:05

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.
"C++ : Where friends have access to your private members." — Gavin Russell Baker.

#4

venra

    venra


  • >100 berichten
  • 156 berichten
  • Ervaren gebruiker

Geplaatst op 12 augustus 2011 - 12:59

Staat het ergens online?
Zal straks ook nog eens zien, momenteel niet erg veel tijd.

#5

ZVdP

    ZVdP


  • >1k berichten
  • 2097 berichten
  • VIP

Geplaatst op 12 augustus 2011 - 13:25

Is dit iets:queryloader?

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

#6

317070

    317070


  • >5k berichten
  • 5567 berichten
  • Moderator

Geplaatst op 12 augustus 2011 - 19:40

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())
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-

#7

In physics I trust

    In physics I trust


  • >5k berichten
  • 7384 berichten
  • Moderator

Geplaatst op 12 augustus 2011 - 22:40

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
"C++ : Where friends have access to your private members." — Gavin Russell Baker.

#8

venra

    venra


  • >100 berichten
  • 156 berichten
  • Ervaren gebruiker

Geplaatst op 13 augustus 2011 - 02:46

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 :P
grtz

EDIT:
Als je reeds jQuery gebrukt, blijven gebruiken ;)
Maar hoe dan ook wil ik dde fout in mijn denkwijze ontdekken.

Veranderd door venra, 13 augustus 2011 - 02:48


#9

317070

    317070


  • >5k berichten
  • 5567 berichten
  • Moderator

Geplaatst op 13 augustus 2011 - 08:29

student.vub.ac.be/gthieren/noble-kenburns/index.html

Wow, daar moet mijn netboekje van beginnen blazen. ;)
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-

#10

JorisL

    JorisL


  • >250 berichten
  • 555 berichten
  • Ervaren gebruiker

Geplaatst op 15 augustus 2011 - 13:05

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.





0 gebruiker(s) lezen dit onderwerp

0 leden, 0 bezoekers, 0 anonieme gebruikers

Ook adverteren op onze website? Lees hier meer!

Gesponsorde vacatures

Vacatures