Neuigkeiten zu Trumps Präsidentschaft nach dem Treffen mit Zelensky

Fehler beim Laden von Bildern können das Benutzererlebnis erheblich beeinträchtigen. Um sicherzustellen, dass Ihre Website weiterhin ansprechend bleibt, sollten Sie einen Fallback-Mechanismus implementieren. Unten finden Sie eine einfache JavaScript-Funktion, die ein alternatives Bild anzeigt, wenn das originale Bild nicht geladen werden kann.

JavaScript Funktion zur Fehlerbehandlung von Bildern

Die folgende Funktion überprüft, ob ein Bild erfolgreich geladen wurde. Sollte es zu einem Fehler kommen, wird ein vordefiniertes Fallback-Bild angezeigt:

function imageLoadError(img) {
    const fallbackImage="/media/sites/cnn/cnn-fallback-image.jpg";

    img.removeAttribute('onerror');
    img.src = fallbackImage;
    let element = img.previousElementSibling;

    while (element && element.tagName === 'SOURCE') {
      element.srcset = fallbackImage;
      element = element.previousElementSibling;
    }
}

Live Updates

Bleiben Sie immer auf dem neuesten Stand mit unseren Live-Updates zu aktuellen Ereignissen. Wir informieren Sie in Echtzeit über die neuesten Entwicklungen und Nachrichten.

Schlussfolgerung

Die Implementierung einer Funktion zur Fehlerbehandlung beim Laden von Bildern ist entscheidend für die Benutzerfreundlichkeit Ihrer Website. Achten Sie darauf, alternative Inhalte bereitzustellen, um eine durchgängige und ansprechende Benutzererfahrung zu gewährleisten.

Bildquelle: Andrew Harnik/Getty Images