带有后备图像的 PhotoSwipe 404 预防

【问题标题】：PhotoSwipe 404 prevention with fallback image带有后备图像的 PhotoSwipe 404 预防
【发布时间】：2016-12-26 11:52:39
【问题描述】：

我正在 PhotoSwipe 画廊中显示来自 Instagram 的一些图片。问题是，如果图片从 Instagram 中删除，我会在图库中得到 404。

如何检查图像是否导致 404，如果是，则显示本地保存的图像（作为后备）？

【问题讨论】：

【解决方案1】：

可以使用<img>标签的onerror属性

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

如果image.png 不存在，则加载default.png

【讨论】：