If image 'src' is '(unknown)' replace with 'missing.png'

Question

My CMS produces an img src="(unknown)" if an image isn't provided in the database. I would like to use javascript when this occurs to change it to img src="/images/missing.png" As a complete JS noob I have tried several hacks but none seem to work... any ideas? (there is likely to be more than one image on the page if that makes any difference)

Answer 1

This should work for you, if you use onError event for handling missing image src

<img src="main_img.png" onError="this.onerror=null;this.src='/images/missing.png';" />