javascript - 捕捉标签上的未知图片并设置默认图像

Question

我有这个图像标签：

<img id="viewerofinstore" src="{{filteredArray[imageIndex]}}" 
onError="this.style.visibility = 'hidden'"   
onload="this.style.visibility = 'visible'"  width="297px" height="297px" />

图像的src数量每秒钟都会与其他图像发生变化，但有时会出现图像磨损并出现未知图像的情况。

我添加了，"onError="this.style.visibility = 'hidden'"但有时我可以在隐藏之前看到未知图像一秒钟。

我想在显示之前捕获未知图像并放置默认图像或隐藏图像。

Answer 1

您可以默认隐藏img，并且只有在正确加载时才使其可见。

<img id="viewerofinstore" src="{{filteredArray[imageIndex]}}" style="visibility:hidden"   
onload="this.style.visibility = 'visible'"  width="297px" height="297px" />