Is there a Css Solution to broken Images

**scifind** · 11-04-06

Is there a CSS 'trick' to change the default 'image link broken' red cross to a specified jpg/gif file?

Cheers

**Swiss** · 11-04-06

I don't think you'd be able to do this with CSS, there might be a way to do it with JavaScript but depending on how many images there are on any one page, it might slow down the page rendering.

**Rich** · 11-04-06

There's not a way that I know of via CSS but using javascript you can put this into the header of the page

Code:

<script>
function imgerr(img) {
   img.src='errorimage.gif';
}
</script>

then add onError='imgerr(this);' into any image tags. Then any images that fail to load will be replaced by errorimage.gif - just make sure that image does exist!

**lowndsy** · 11-04-06

set the image as a background URL with css - thn if it doesn't appear it'll just be blank. Or set an error image as the lo-res alternative image.

**scifind** · 12-04-06

Originally Posted by Rich

There's not a way that I know of via CSS but using javascript you can put this into the header of the page

Code:

<script>
function imgerr(img) {
   img.src='errorimage.gif';
}
</script>

then add onError='imgerr(this);' into any image tags. Then any images that fail to load will be replaced by errorimage.gif - just make sure that image does exist!

Cheers Rich will probably go with this - I was just hoping that there would be a was f specifying another image than the little red cross - if only things were that simple.

Thanks to the other posters - some good ideas