使用后备图像预防PhotoSwipe 404

Question

我在Instagram中的PhotoSwipe图库中显示了一些图像。问题是，如果图像从Instagram中删除，我会在图库中获得404。

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

Answer 1

您可以使用onerror代码

的<img>属性

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

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