Question

Is it possible to replace the standard broken image via CSS or using another technique? All my images are the same size and my have transparency.

I’ve tried to wrap all images with a div’s background:

<div class='no_broken'>   <img src='http://www.web.com/found.gif'/> </div>  <div class='no_broken'>   <img src='http://www.web.com/notfound.gif'/> </div> 

CSS:

div.no_broken {    background-image: url(standard.gif);  }  div.no_broken, div.no_broken img {    width: 32px;    height: 32px;    display: block;  } 

But this will display two images on top of each other if the IMG is transparent.

Answer 1

This works without CSS:

<img src='some.jpg' onerror='this.src='alternative.jpg';'> 

It seems to even work when Javascript is disabled.