Answers for "css placeholder for image if immage is missing"

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

Browse Popular Code Answers by Language