Answers for "custom broken image html"

2

css hide image if not found

<!-- hide image if not find -->
<img src="image.png" onerror="this.style.display='none'"/>

<!-- show image after load -->
<img src="image.png" style="display: none" onload="this.style.display=''">
Posted by: Guest on November-07-2020
1

HIDE BROKEN IMAGES

$('img').on('error', function(){
      $(this).hide();
  });

  /*// OR replace
  ---------------------------*/
  $('img').on('error', function (){
      $(this).attr('src', '/path/to/image/default.png');
  });
Posted by: Guest on February-03-2021

Code answers related to "custom broken image html"

Browse Popular Code Answers by Language