如果<img rel="nofollow noreferrer" src ="">但没有图像

Question

当试图显示不存在地址的图像时,您将看到默认浏览器"无图像"徽章.

如何将其更改为默认的"no-image.png"占位符？

echo "<img src='http://www.google.com/trolol.png'>"; //for example

Answer 1

您可以使用该onerror属性,例如:

<img src="" onerror="this.src = 'no-image.png';" alt="" />

演示:http://jsfiddle.net/kNgYK/

Answer 2

<img src='http://www.google.com/trolol.png' onerror="this.src='http://jsfiddle.net/img/logo.png'">?

样本http://jsfiddle.net/UPdZh/1/

如果在加载外部文件(例如文档或图像)时发生错误,则会触发onerror事件.

句法

<element onerror="SomeJavaScriptCode">

http://wap.w3schools.com/jsref/event_onerror.asp