CSS Image Preloader

Es wird ein Hintergrundbild für IMG Tags eingeblendet solange das Bild nicht komplett geladen wurde.

img {  
  background:url(images/preloader.gif) no-repeat 50% 50%;  
}

Nicht vorhandene Images ersetzen oder ausblenden per JQuery

Falsch verlinkte Bilder können mit JQuery ausgelesen und ersetzt bzw. ausgeblendet werden. Folgender Codeschnipsel ist dazu notwendig:

Ersetzen:

/* Image durch "notfound.png" ersetzen */
$('img').error(function(){
        $(this).attr('src', 'notfound.png');
});

Ausblenden:

/* Image verstecken */
$("img").error(function(){
  $(this).hide();
});