Cómo ocultar silenciosamente el icono "Imagen no encontrada" cuando no se encuentra la imagen de origen src

<img onerror='this.style.display = "none"'>

Haciendo una investigación rápida sobre la respuesta de Andy E, no es posible live() vincular error.

// won't work (chrome 5)
$('img').live('error', function(){
     $(this).css('visibility', 'hidden');
});

Así que tienes que ir como

$('<img/>', {
  src:    'http://www.notarget.com/fake.jpg',
  error:  function(e){
    $(this).css('visibility', 'hidden');
  }
}).appendTo(document.body);

Vinculando directamente el error event handler al crear un nuevo elemento.

Puede que sea un poco tarde para responder, pero aquí está mi intento. Cuando me enfrenté al mismo problema, lo arreglé usando un div del tamaño de la imagen y configurando background-image a este div. Si la imagen no se encuentra, el div se hace transparente, por lo que todo se hace silenciosamente sin código java-script.

Para ocultar cada error de imagen, simplemente agregue este JavaScript en la parte inferior de su página (justo antes de la etiqueta de cuerpo de cierre):

(function() {
    var allimgs = document.images;
    for (var i = 0; i < allimgs.length; i++) {
        allimgs[i].onerror = function() {
            this.style.visibility = "hidden"; // Other elements aren't affected. 
        }
    }
})();

He modificado ligeramente la solución sugerida por Gary Willoughby, porque muestra brevemente la imagen rota. Mi solución:

    <img src="..." style="display: none" onload="this.style.display=''">

En mi solución, la imagen se oculta inicialmente y solo se muestra cuando se carga correctamente. Tiene una desventaja: los usuarios no verán imágenes a medio cargar. Y si el usuario ha desactivado JS entonces nunca verá ninguna imagen

He encontrado un método ingenioso para hacer exactamente esto, mientras que sigue siendo funcional cuando se utiliza la directiva ng-src en Angular.js y similares...

<img
  ng-src="{{myCtrl.myImageUrlThatWillDynamicallyChange}}" 
  onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='"
  />

Es básicamente un GIF transparente más corto (como se ve http://proger.i-forge.net/%D0%9A%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80/[20121112]%20The%20smallest%20transparent%20pixel.html )

Por supuesto, este gif podría mantenerse dentro de alguna variable global para que no estropee las plantillas.

<script>
  window.fallbackGif = "..."
</script>

Y use

<img
  ng-src="{{myCtrl.myImageUrlThatWillDynamicallyChange}}" 
  onerror="this.src=fallbackGif"
  />

Etc.