보통 IMG 태그를 써서 사용하지만 가끔 img 태그가 로딩이 되지않아서
X엑박 이라고 하는걸 노출하는경우가 있습니다.
하지만 이미지를 읽어오는걸 실패했을때 X엑스박스를 노출하지 않고 미리 지정한
이미지를 보여주는것도 가능합니다.
여기서 this.onerror=null 을 넣은이유는
onError에서 지정한 이미지도 로딩이 되지 않는다면 다시 error 이벤트가 발생하게 되고, 무한 루프에 빠지게 되요.
이를 막기위해 최초 error 이벤트가 발생하여 한번만 처리를 하고 이후에 발생되는 error 이벤트에 대해선
처리를 하지 않기 위해 작성을 한부분이니 참고하세요.
'웹관련 > HTML-CSS' 카테고리의 다른 글
[CSS] inputBox Type=file 디자인하기 (0) | 2019.03.04 |
---|---|
[CSS] transition 으로 네모박스 그리기 (0) | 2019.01.25 |
[HTML5] audio태그를 사용방법 (0) | 2018.10.22 |
[CSS] 브라우져에 보이는 스크롤바 없애기 - 스크롤은 됨 (0) | 2018.10.17 |
[HTML5] VIDIO 태그 사용방법 (0) | 2017.10.31 |
댓글