替代图像而不是替代文本

Question

如何显示替代图像而不是替代文字？

这样的事情：

<img src="image_i_want_to_display.png" alt="not_found_image.png"/>

Answer 1

在Javascript中处理onerror事件，将src设置为新图像，并希望您不会递归。

Answer 2

理论上：

<object data="image_i_want_to_display.png">
    <object data="not_found_image.png">
        Still some alternative text because 
        some people turn images off and some
        people can't see
    </object>
</object>

在实践中，上次我尝试浏览器支持时非常差，但那是几年前的事了。

你几乎肯定会更好地确保你没有试图指出那些不存在的东西。

Answer 3

嗯，我正在考虑的是将替代图像设置为背景

img {
    background: url('alternative-image.png') no-repeat;
}