暂时为损坏的图像设置默认图像

时间:2015-03-08 16:47:59

标签: javascript jquery html css image

我想从损坏的图像中设置默认图像。 我知道答案是在出错时改变图像的网址,但这不是我想要的。

我制作了一个模板编辑器,用户将源代码更改为动态网址。 在那一刻,图像看起来很破碎,但是当他发送图像时,它将被自动填充。

当图像src更改为动态网址时,显示已损坏的图像。 我想保留图像的src,但仍然显示一些好的背景图像而不是默认的破碎图像。

示例:

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

在这种情况下找不到src。如果我写一个javscript来将src onerrr更改为某个静态img,那么我将松开用户设置的链接,即在这种情况下为“dynamic.src”。

任何解决方案都会有很大的帮助

1 个答案:

答案 0 :(得分:1)

大多数浏览器都会使不存在的图像变得透明。因此,您可以向图像元素添加background-image。如果图像存在,它将覆盖背景图像,但不存在的图像将是透明的,让背景图像显示。

Demo