이미지 없을때 대체이미지 속성 onerror
대체이미지 설정 및 무한루프 주의
보통 이미지가 없을 때 엑박 표시와 과 alt에 설정된 텍스트가 출력됩니다.
이럴때 대체 이미지를 같이 설정해 놓으면 엑박표시 대신 대체이미지가 출력됩니다.
아래 같이 onerror 속성을 이용하면
onerror에 설정한 다른 이미지를 불러올수 있습니다.
<img src="이미지경로" onerror="this.onerror=null; this.src='대체이미지 경로' />
this.onerror=null을 포함하지 않은경우
on.error로 호출한 이미지도 없으면 서버가 죽을때까지 무한루프에 빠지게 됩니다.
this.onerror=null을 꼭 넣어주세요.
TAG: #엑박 #imgsrc #html #대체이미지
이전글 :
Cloudinary클라우드기반 이미지 저장소
현재글 : 이미지 없을때 대체이미지 속성 onerror
Comments
Login: