爲破碎圖像臨時設置默認圖像

Question

我想從破碎圖像設置默認圖像。 我知道答案是更改錯誤的圖像的網址，但那不是我想要的。

我做了一個模板編輯器，其中用戶將源代碼更改爲動態url。 在那一刻圖像看起來破碎，但稍後他發送它時，它將被自動填充。

當圖像src更改爲動態url破碎圖像顯示。 我想保留圖像的src，但仍然顯示一些好的背景圖像是默認的破碎圖像。

例如：

<img src="dynamic.src"></img> 

在這種情況下在src沒有找到，如果我寫信javscript改變SRC onerrr到一些靜態IMG，然後我將鬆散的鏈接，用戶組，即「 dynamic.src「在這種情況下。

任何解決方案都會有很大的幫助

Answer 1

大多數瀏覽器讓不存在的圖像透明。因此，您可以將background-image添加到圖像元素。如果圖像存在，它會掩蓋背景圖像，但不存在的圖像將是透明的，讓背景圖像顯示。

Demo