[자바스크립트/HTML] Img onerror

 

 

외부파일 로드 중 img 태그에 이미지가 로드가 안될 때

 

 

 

1. 대체이미지로 변경

 

onerror="" 사용

대체이미지마저 없을 경우를 대비해서 null을 넣어준다.

 

<img src="image.png" alt="이미지" onerror="this.onerror=null;this.src='image_none.png'">

 

 

 

2. display: none

 

<img src="image.png" alt="이미지" onerror="this.style.display='none'">

 

 

 

 

 

 

---

 

참고

 

https://www.w3schools.com/jsref/event_onerror.asp

onerror Event