function checkImages()
{
 if(document.getElementById)
 {
  var imagesArr = new Array();
  var setDefaultErrImg="image_nf.gif"; // Default image to be displayed on error
  var setDefaultErrTxt="Image Not Found"; // Default text to be displayed on error
  imagesArr = document.getElementsByTagName("img");
  for(var i=0; i<imagesArr.length; i++)
  {
   if(!imagesArr[0].getAttribute("nc")=="1")
   {
    var tempImgAttrib=imagesArr[i].getAttribute("alt");
    imagesArr[i].setAttribute("alt","");
    if(imagesArr[i].width=="28" && imagesArr[i].height=="30")
    {
     imagesArr[i].src=setDefaultErrImg;
     imagesArr[i].setAttribute("alt",setDefaultErrTxt);
    }
    else
    {
     imagesArr[i].setAttribute("alt",tempImgAttrib);
    }
   }
  }
 }
}

window.onload=checkImages;
</script>

So funktioniert das Ganze: Im IE wird, wenn eine Grafik nicht angezeigt werden kann, ein 'Broken- Image' in den Massen 28 x 30 (ohne 'alt') angezeigt. Das Script checkt alle Bilder (nach Entfernung des 'alt' Attributs) nach diesen Massen. Existiert eine Grafik in diesen Massen, handelt es sich um eine Broken Image. Natürlich ist dieses Verfahren nicht ganz korrekt, denn, gesetzt den Fall, Sie setzen eine Grafik in den Massen 28 x 30 ein, wird diese vom Script als Broken Image erkannt, und die Alternativgrafik angezeigt. Aber dafür gibt es eine Lösung! Sie verhindern, dass das Script bestimmte Grafiken überprüft, indem Sie folgendes Attribut in den img- Tag plazieren: nc="1". Das sind die Richtlinien, um das Script problemlos einzusetzen: Verwenden Sie nicht die width und height Attribute im <IMG> Tag. (Der Browser wird das Bild in seiner aktuellen Grösse anzeigen) Wenn Sie eine Grafik in den Massen 28 x 30 einsetzen, fügen Sie nc="1" in den <IMG> Tag ein. Das Script wird das Bild ignorieren.

Premshree Pillai

Kopieren Sie bitte den Code