Custom Search
Logiclabz
  • Home
  • Javascript
  • Replacement Image in Html IMG tag using onerror property

Replacement Image in Html IMG tag using onerror property

Replacement Image in Html IMG tag using onerror property Consider a case were image (normalimg.jpg) is to shown through "img" tag which may or may not be present. To load a image on replacement of normal image below logic can be used. The below code uses "onerror" property of "img" tag which is triggered on error of image loading. This property instead call a javascript "loaddefimages" which assigns replacement "nofound" image.

<script language='javascript'>
   function loaddefimages(Id)
    {
        document.getElementById(Id).src="/images/nofound.jpg";
    }  
</script>  

<img id="img1" src="/images/normalimg.jpg" alt="" 
onerror="javascript:loaddefimages(this.id);" />



Leave a reply


Do you like this post?