Die Funktion imageLoadError(img) wurde entwickelt, um beim Laden von Bildern in einer Webseite einen Fehler zu handhaben. Im Falle eines Problems wird ein Ersatzbild angezeigt, anstatt dass der Benutzer ein leeres Bild sieht.
Funktionsweise der Bildfehlerbehebung
Wenn ein Bild nicht geladen werden kann, entfernt die Funktion zunächst das Attribut onerror des Bildes. Anschließend wird die Quelle des Bildes auf ein festgelegtes Platzhalterbild gesetzt, in diesem Fall auf /media/sites/cnn/cnn-fallback-image.jpg.
Bearbeitung von Source-Tags
Zusätzlich zur Aktualisierung des Bildes wird auch das srcset-Attribut aller vorhergehenden SOURCE-Tags angepasst, um dasselbe Ersatzbild anzuzeigen. Dies stellt sicher, dass alle Auflösungen und Bildschirmgrößen abgedeckt sind.
Schlussfolgerung
Die Implementierung dieser Fehlerbehandlungsfunktion verbessert das Nutzererlebnis erheblich, da sie eine saubere und ansprechende Webseite gewährleistet, selbst wenn es beim Laden von Bildern zu Problemen kommen sollte.
Bildquelle: Evelyn Hockstein/Reuters
Details zur Meldung
