html img 로드 실패 시 디폴트 이미지 적용

정의현 (Uihyun Jung)·2021년 2월 15일
0

html, css, jquery

목록 보기
4/7

img 태그 사용 시 이미지 로드에 실패했을 경우 엑스박스가 보여지는데
alt를 사용하여 대체 텍스트를 보여주는 방법을 많이 사용한다.

대체 텍스트 대신 대체 이미지를 보여준다면 로드 실패 시 더 깔끔한 웹페이지를 보여줄 수 있다.

🖼img 태그에 디폴트 이미지 적용 방법

<img src="xxxx.jpg" onerror="this.src='대체이미지.jpg'">

위와 같이 img 태그에 onerror 항목을 추가하고 대체할 이미지 URL을 넣어주면 된다.

profile
💻 웹퍼블리셔, UI Developer, Markup Developer 👍

0개의 댓글