if <img src=""> but no image

Question

When trying to display image that's adress doesn't exist you will see default browsers "no image" badge.

How to change it to default "no-image.png" placeholder?

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

Answer 1

You can use the onerror attribute, example:

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

Demo: http://jsfiddle.net/kNgYK/

Answer 2

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

sample http://jsfiddle.net/UPdZh/1/

The onerror event is triggered if an error occurs while loading an external file (e.g. a document or an image).

Syntax

<element onerror="SomeJavaScriptCode">

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