✔ Anzeige während des Ladens

[soa]

Hallo ,

ich würde gern so eine Art Ladeanzeige umsetzen, die ein animiertes Gif anzeigt, während die Seite in den Browser geladen wird. Ich weiss jetzt nicht so genau, wie das
umzusetzen ist:

Mein Ansatz:

Ich habe eine css Klasse :

#laden
{
position: absolute; 
width: 400px;
height: 400px;
font-size: 12px;
background-color: #fff; 
background-image: url(images/sanduhr.gif);
background-repeat: no-repeat; 
background-position: center; 
border: dotted 1px #900 ;
padding:40px;
visibility: visible;
left: 400px;
top:  300px; 
}

Nun habe ich einfach ein leeres div in der Seite platziert und setze mittels eines
onLoad Events den visibility des Elements auf hidden.

Das ganze funktioniert leider nicht optimal. Es müßte so sein, dass das Element
seitenübergreifend dargestellt wird, denn die Anwendung springt nicht gleich auf
die neue Seite.

Hat jemand vielleicht eine Idee, wie soetwas umzusetzen ist? Wichtig ist , dass die
Aktion auch für ältere Browser kompatibel sein muss.

Über einen Tipp wäre ich sehr dankbar.

Viele Grüße

 

[Michael Engel]

Du kannst das gleiche Objekt auch direkt nach dem klick anzeigen. Es verschwindet dann sobald die andere Website die ersten Daten schickt.

Dort wird dann dein 2. Objekt angezeigt bis das onLoad eintrifft....

 

[soa]

Klar...danke auch