Bild erst anzeigen wenn ganz geladen ?

toboli

Erfahrenes Mitglied
Gibt es eine Möglichkeit mittels JS Bilder erst komplett zu laden bevor diese angezeigt werden? Nett wäre es wenn es sich um größere Files handelt, dass evtl. ein Statusbalken angezeigt wird.

Kann mir hier jemand weiterhelfen ?
 
Hallo!

Das mit dem Statusbalken wirst du mit JavaScript (so lange es nur ein Bild ist) nicht hinkriegen.
Der Grund dafür ist, dass man mit JS nur abfragen kann, ob ein Bild bereits komplett geladen ist.
Du könntest natürlich ein Statusbalken vortäuschen, der Zeitversetzt weiter voranschreitet und wenn dann das Bild komplett geladen ist, auf 100% gehen - das ist allerdings keine besonder tolle Lösung!
Das Einfachste wäre wohl ein Gif-Bild, in dem eine kleine "es wird geladen" Animation (zum Beispiel eine Sanduhr) zu sehen ist, das verschwindet, sobald das entsprechende Bild fertig geladen wurde.

Dieses Thema wurde aber schon tausend und ein Mal in diesem Forum angesprochen!

Gib' doch einfach mal in der Suche "preloader" ein!
Da dürftest du schnell fündig werden.

Eine Demo ohne JavaScript könnte auch so aussehen (um das Ganze relativ kompatibel zu halten !relativ!):
 

Neue Beiträge

Zurück