PhotoSwipe 404 Prävention mit Fallback Bild

Question

Ich zeige einige Bilder von Instagram in einer PhotoSwipe Galerie. Das Problem ist, dass wenn das Bild von Instagram gelöscht wird, ich 404s in der Galerie bekomme.

Wie kann ich überprüfen, ob die Bildergebnisse in 404 und wenn ja, ein lokal gespeicherte Bild anzuzeigen (als Ausweich)?

Answer 1

Sie können das onerror Attribut <img> Tag

<img src="http://www.somewebsite.com/image.png" width=640 height=640 onerror="this.src='/default.png'" /> 

wenn image.png nicht vorhanden ist, dann default.png geladen wird