HTML5 <img/>标记替代图片

时间:2015-02-13 16:58:23

标签: html html5 image

我只是想知道在html img标签中

<img alt = "default image" src = "image"> 是否有可能有一个替代图像而不仅仅是文本。或者是否可以将img标记嵌套在alt&#34;&#34; s。

2 个答案:

答案 0 :(得分:13)

不,您无法在<img>的alt属性中添加其他图片。但是,您可以使用onerror事件使用JavaScript加载另一个图像,因此如果原始图像无法加载,则可以加载备份。

&#13;
&#13;
function standby() {
    document.getElementById('foo').src = 'https://www.google.com/images/srpr/logo11w.png'
}
&#13;
<img id="foo" src="notfound.gif" onerror="standby()">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

据我所知,alt属性应该只有文本,因为它有助于屏幕阅读器阅读&#34;图像。

如果您正在搜索的是主要图像失败时的替代图像,则可以使用某些JavaScript来执行此操作。

在这个问题上,您可以看到如何使用onError用法:

jQuery/JavaScript to replace broken images