Werbung
Beim Erstellen von HTML Seiten kann es immer wieder einmal vorkommen, dass man Bilder in eine Seite einbindet, die nicht angezeigt werden können. Gründe hierfür gibt es viele, z.B. wenn sich im Quellcode ein Schreibfehler eingeschlichen hat oder vielleicht die Bilddatei verschoben oder gelöscht wurde.
Mittels des Javascript Event-Handlers onError lassen sich derartige Fehler jedoch abfangen. Dieser wird einfach in den img-Tag geschrieben und fängt somit einen Ladefehler ab.
Das untenstehende Beispiel zeigt, wie es geht: es soll mittels img-Tag eine jpg-Datei mit dem Namen fehlendesBild.jpg eingebunden werden.
Funktioniert dies nicht, so wird im Event-Handler onError mittels JavaScript die Datei ersatzbild.jpg geladen. Dieses könnte z.B. eine neutrale Grafik enthalten, z.B. mit der Beschriftung “Bild nicht vorhanden”, etc.
Dieser Beitrag wurde geschrieben von Andreas Horvath
Andreas Horvath arbeitet als freiberuflicher Webentwickler mit Schwerpunkt PHP, HTML, Javascript, jQuery, sowie als Kommunikations- und IT-Trainer (Office, Internet, MS Excel).
Er lebt in Altdorf in der Nähe von Landshut/Niederbayern.
Werbung
Ersatzbild in HTML anzeigen, wenn Bild nicht gefunden wurde
Ersatzbild in HTML anzeigen, wenn Bild nicht gefunden wurde: http://cli.gs/XavBV
[...] Dieser Eintrag wurde auf Twitter von AndreasHorvath erwähnt. AndreasHorvath sagte: Ersatzbild in HTML anzeigen, wenn Bild nicht gefunden wurde: http://cli.gs/XavBV [...]