Replace red boxes

[stevelibby]

Anyone got any ideas where i can find a script that if an image is unavaliable that it gets replaced with a default image?

[BlobFisk]

Hi stevelibby,

There is an onError attribute that can be used to detect if the image doesn't load. I'm not sure how supported this is though!

<img src="link/to/image.gif" alt="Alt Text" onError="imageError(this)" />
<script type="text/javascript">
function imageError(element) {
 element.style.border = '1px solid red';
}
</script>

In principle this should work, but I've not tested it!

HTH

[edited by: BlobFisk at 2:30 pm (utc) on April 17, 2008]

[BlobFisk]

Just did a quick test and that's IE only.

[vincevincevince]

You could use javascript from the body's onLoad event and loop through images, checking their size. If the image has no width or height (i.e. it never loaded), then change the src property of the image to the default one.

[Achernar]

Just did a quick test and that's IE only.

It works in FF too (and Opera, and Safari).