ugrás a tartalomhoz

Weboldal betöltődés jelző hogyan?

PogiG · 2006. Jan. 10. (K), 20.03
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
 
1

IMG onload

attlad · 2006. Jan. 10. (K), 20.41
Nem csináltam még ilyet, de szerintem valahogy így próbálnám elsőre:
- 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.
2

<Nincs cím>

PogiG · 2006. Jan. 10. (K), 20.45
Köszi, működőképesnek hangzik.
4

Hasonlo megoldas

Anonymous · 2006. Jan. 11. (Sze), 03.23
En a kovetkezo linket ajanlom a figyelmedba, ami egyebkent nemreg blogmarkent is megtalalhato volt itt:
http://www.huddletogether.com/projects/lightbox/

Ak-Army
5

Soot

Anonymous · 2006. Jan. 11. (Sze), 03.27
Sot egy rovidke hir is van rola..

http://weblabor.hu/hirek/20060105/lightboxjs

Ak-Army
3

Egy példa oldal

sly · 2006. Jan. 10. (K), 21.23
Ez az oldal általad említet problémára egy megoldás: cuki.try.hu
6

ja igen

Anonymous · 2006. Jan. 11. (Sze), 10.14
Te most gyűjtöd a klikkeket az üres oldaladhoz? Ügyes. Ugyanakkor szánalmas.
7

jaaaaaj mégsem

Anonymous · 2006. Jan. 11. (Sze), 10.18
Mégis van valami letöltő izé, de csak akkor látszik, ha nem jön az oldal egyáltalán.... bocsika.
8

Gondolkozz, mielőtt ítélsz

suexID · 2006. Jan. 11. (Sze), 11.23
Nem kellene elhamarkodottan ítélni, ő csak egy lehetséges megoldást mutatott a problémára (nálam működik). Meg egyébként is hány látogatót szedhet így össze (max. 5-10)?

Tegyük hozzá, ő legalább a nevét adta hozzá!
9

Bocs

sly · 2006. Jan. 11. (Sze), 22.11
Bocs, elfelejtettem mondani, hogy ez már nem müködő oldal. A cég nem létezik, így nincs értelme fejleszteni. Egyébként milyen böngészőt használtál hozzá? Mert elfelejtetted mondani.

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. :-)
10

Minden olyan böngészőt, amelyet nem ismersz, kitiltasz?

janoszen · 2006. Jan. 12. (Cs), 12.47
Azért ez egy kicsit durva. Minden olyan böngészőt, amelyet nem ismer, kitilt... azért a pofátlanságnak is legyen mán határa. Internet Explorert ajánlani...
12

A volt kisgyerek beszól...

sly · 2006. Jan. 13. (P), 01.12
Még kicsi voltam, amikor ezt az oldalt raktam össze, nem ismertem a lehetöségeimet, elvárásokat. Ezért megbocsáltotok?

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.
11

forgó kerék, pl. Apple

Hojtsy Gábor · 2006. Jan. 12. (Cs), 15.55
Az egyik módszer, amit sokan használnak, hogy egy darab forgó kereket tesznek a képernyő közepére, amíg a lényegi tartalom be nem töltődik. Ilyen például az aktuális Apple iLife és iWork termékoldalak megjelenése. Pl. a Keynote szoftver oldala. Egyébként ők fade technikát is használnak, amikor már majdnem betöltődött minden, akkor folyamatosan "bevilágítják" az oldalt, hogy teljesen lásd, milyen csodával akarnak levenni a lábadról :)