Weboldal betöltődés jelző hogyan?
Szasztok!
Felmerült az egyik munkám során egy probléma, melyet nem vagyok képes megoldani, ehhez szeretnék egy kis segítséget kérni.
Van egy, sok képből álló oldal, ahol betöltés előtt minden képet elrejtek, majd amikor betöltődtek, megjelenítem mindet egyszerre. Na már most addig tök üres a képernyő, és ezt szeretném egy folyamatjelzővel kitölteni, hogy a felhasználó képben legyen, hogy itt lesz valami, csak még töltődik.
Ezt hogyan tudnám megvalósítani?
A "Kérem várjon, amíg...." megoldás egyszerű lenne, de szerintem gagyibb, mint a kúszó sáv, vagy a % jelölés.
Elegendő lenne számomra az is, hogyha tudnám, hogy milyen változóban van eltárolva - ha egyáltalán létezik ilyen - az az adatmennyiség, ami hátra van az oldal teljes betöltődéséig.
Minden megoldás érdekelne.
Előre is köszönöm: PogiG
■ Felmerült az egyik munkám során egy probléma, melyet nem vagyok képes megoldani, ehhez szeretnék egy kis segítséget kérni.
Van egy, sok képből álló oldal, ahol betöltés előtt minden képet elrejtek, majd amikor betöltődtek, megjelenítem mindet egyszerre. Na már most addig tök üres a képernyő, és ezt szeretném egy folyamatjelzővel kitölteni, hogy a felhasználó képben legyen, hogy itt lesz valami, csak még töltődik.
Ezt hogyan tudnám megvalósítani?
A "Kérem várjon, amíg...." megoldás egyszerű lenne, de szerintem gagyibb, mint a kúszó sáv, vagy a % jelölés.
Elegendő lenne számomra az is, hogyha tudnám, hogy milyen változóban van eltárolva - ha egyáltalán létezik ilyen - az az adatmennyiség, ami hátra van az oldal teljes betöltődéséig.
Minden megoldás érdekelne.
Előre is köszönöm: PogiG
IMG onload
- megszámolod a betöltendő képeket és a folyamatjelzőt "képekszáma + 1" részre osztod
- minden ilyen képnek megadsz onload eseményt, ami ha bekövetkezik egyel növeli a folyamatjelző állapotát
- body onload esményre megvizsgálod a folyamatjelző állapotát, ha csak egy rész hiányzik, akkor ok, megjeleníted az oldalt, ha több, akkor valószínűleg nem töltödtek be a képek mert pl. ki vannak kapcsolva
Lehet van más megoldás vagy hibás a fenti algoritmus, ki kéne próbálni. Diszkrét JavaScript használata ajánlott.
<Nincs cím>
Hasonlo megoldas
http://www.huddletogether.com/projects/lightbox/
Ak-Army
Soot
http://weblabor.hu/hirek/20060105/lightboxjs
Ak-Army
Egy példa oldal
ja igen
jaaaaaj mégsem
Gondolkozz, mielőtt ítélsz
Tegyük hozzá, ő legalább a nevét adta hozzá!
Bocs
Látogatotságról annyit, hogy amióta müködik az oldal 3858 fő látogatta meg. Kb napi 1 ember látogatja annak elenére hogy nem is müködik. Le kellene szednem, de kiváncsi vagyok meddig marad fen. Már 2 fentvan és még nem törölték. :-)
Minden olyan böngészőt, amelyet nem ismersz, kitiltasz?
A volt kisgyerek beszól...
Ha jobban megnézed az oldalt (jobban mondva a forráskodját), akkor észrevheted, hogy ez AJAX technologiát használ. Amikor az oldalt készítettem akkor még ismeretlen volt az AJAX (még ki sem találták ezt a nevet). Egyébként nem csak IE alatt jön be, hanem Firefox alatt is (bár a legújabb verziók nem jelenítik meg jól, valoszínű a "-moz-opacity" eltünése miatt). Egyébként, ha nem ismeri böngészőt akkor, elméletileg egy kis táblázatot hozz be amin az IE, a Firefox és a Netscape-et ajánlja.
Ha az oldal linkajánló részére gondoltál ott tényleg csak IE alatt működik, de azt inkább belső hálózatra lett kihegyezve, ahol csak IE volt (mivel a kávézó megszünt).
Látom nagyon rühelitek ezt az oldalt. Még egy valaki lecsesz érte, akkor le fogom szedni.
Szerintem ennél már csak az durváb, hogy valaki belinkeli az oldalát az adatlapján és egy tökéletesen üres oldal jön be.
forgó kerék, pl. Apple