Ich habe Inhalte mit defekten Bildern, mehrere Bilder auf jeder Seite. Einige Bilder haben einen leeren src-Wert und einige nur gebrochene 404-Links.
Ich habe versucht,
zu verwenden %Vor%Es funktioniert nicht wie erwartet, funktioniert nicht im IE, und in Chrome muss ich die Seite nach dem ersten Laden neu laden, um die Bilder auszublenden. Viel gegoogelt, aber alle anderen Codes sind gleich.
Das <img> -Tag zu bearbeiten ist KEINE Option für mich.
Was ist falsch an diesem Code?
Für Bilder, die existieren könnten, finde ich die eleganteste Lösung $ ajax zu verwenden, wie:
%Vor%Aber manche Leute benutzen gerne hiden Bilder, die sich nach dem Laden zeigen wie:
%Vor%Beide Lösungen sind effektiv, verwenden Sie eine, die am besten zu Ihrem Problem passt
Nun, wenn Sie nicht img bearbeiten können, versuchen Sie etwas wie:
%Vor%Übrigens, haben Sie eine Bild-ID oder müssen Sie das für eine zufällige Anzahl von Bildern tun, die Sie nicht haben?
Ich habe an etwas ähnlichem gearbeitet, bei dem ich mein DOM mit einem JSON-Feed aktualisieren musste, der aus Bild-URLs bestand, aber vor der Aktualisierung des DOMs musste ich kaputte Bilder erkennen und auch Bilder mit der Breite & gt; 1000px. Ich habe versucht, Inline-Onerror-Lösungen hinzuzufügen und DOM nach dem Laden der Seite abzufragen und das div zu entfernen oder auszublenden, bevor es angezeigt wurde, aber es war teuer und beeinträchtigte die Benutzererfahrung. Ich denke, das ist ein besserer Ansatz und speichert DOM-Abfrage und kann in jedem Browser arbeiten.
Hier ist die Lösung für jsfiddle. Ссылка
%Vor%});
Tags und Links jquery image brokenimage