img 태그 404 Error시에 대체 이미지 띄우기

API로 이미지를 불러오는 도중 이미지가 깨져 에러가 띄워지는 문제 발생.

슬라이드가 깨져버렸다.

 

comedy 슬라이드가 깨진 모습

 

해당 사이트로 가서 확인해보니 이미지를 못 불러오는 건 매한가지.

 

 

 

이럴 때 이미지 태그에 에러가 띄워졌을 때 대체 이미지를 부여해준다.

 

 

<img src="원본 이미지 경로" alt="" onError="this.src='/movie_api/img/replace.jpg';"/>

 

 

 

 

 

---

아래는 제이쿼리로 조건문을 나누어 대체 이미지를 적용한 참조 블로그

itblog.bcafe75.com/entry/img-%ED%83%9C%EA%B7%B8-404-Error%EC%8B%9C%EC%97%90-%EB%8C%80%EC%B2%B4-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%9D%84%EC%9A%B0%EA%B8%B0

✈ img 태그 404 Error시에 대체 이미지 띄우기