Problem mit dem Ladezustand von Bildern

volkiii

Grünschnabel
Hallo zusammen!

Habe mir schon ein paar Beiträge über das Preloaden von Bildern durchgelesen, aber zu meiner Frage noch keine schlüssige Antwort gefunden.

Ich habe eine Seite, bei der ich zunächst ein Platzhalter-Bild in einem Layer einbinde, welches später einfach durch Zuweisen einer neuen .src-Adresse durch ein richtiges Bild ersetzt wird. Das Bild ist in diesem Fall eine Karte, welche vom Server berechnet wird, also eine Server-Client-Interaktion.

Jetzt würde ich gerne eine Art Ladebalken anzeigen, und zwar so lange, bis das Bild auch fertig im Browser aufgebaut ist. bisher klappt es allerdings nur so weit, dass der Ladebalken genau dann verschwindet, wenn die neue .src-Adresse zugewiesen wird.

wie weit der Browser das Bild schon geladen hat, weiss ich leider nicht abzufragen (es sollte sowohl im Netscape ab 6.0 als auch im IE funktionieren)

Habe es anfangs über das Auslesen der Breite bzw. Höhe versucht, aber das scheitert daran, dass das Platzhalter-Bild schon eine Grösse hat und der Browser sich das merkt.

Gibt es jemanden unter euch, der mir dabei weiterhelfen kann?

Vielen Dank im Voraus + Gruss,
volkiii
 
Informationen über den Ladestatus eines Bildes erhältst du verlässlich nur im IE über den Eventhandler "onreadystatechange"

Ansonsten könntest du per "onload" im <img>-Tag erfragen, wann das Bild geladen wurde.
 
Problem mit dem Ladezustand...

Hallo!

Danke für Deinen Tip mit dem onload-Event :)
Ich werde es gleich mal ausprobieren.

Danke + Gruss,
volkiii
 
doch noch probleme...

Hallo zusammen!

Leider hat es mit dem onload-Event nicht geklappt, den Ladezustand abzufragen.

Hat jemand noch eine weitere Idee?

Hier die Seie, um die es geht:
http://pvfrm.alta4gis.de

Noch mal kurz das Ziel: ich möchte erreichen, dass die GIF-Animation "Lade Daten" erst dann verschwindet, wenn das Bild komplett geladen IST, und nicht, so wie es jetzt ist, erst dann, wenn der Browser mit dem Laden beginnt.

?

Danke + Gruss,
volkiii
 

Neue Beiträge

Zurück