img에는 onerror 옵션이 있다.
이미지가 정상적으로 로딩이 되지 않을 때(에러가 났을 때!)
특정 자바스크립트가 자동으로 실행되도록 만들 수 있다!
이 원리를 이용하면
로딩에 실패했을 때 에러 표시 이미지를 띄울 수 있다.
다음과 같이 처리하면 된다!(this.src를 통해 이미지를 출력하는 원리이다!)
<img src="/images/title01.png" onerror="this.src='/images/image_not_exist.png'" />
'IT노트(구) > JavaScript' 카테고리의 다른 글
| html title 바꾸는 방법(자바스크립트 이용) (0) | 2015.12.06 |
|---|---|
| input에 포커스가 오면 배경색 바뀌게 만드는 방법(jQuery 이용) (0) | 2015.12.05 |
| (jQuery) 3초 뒤에 div fadeOut시키는 방법 (0) | 2015.12.04 |
| 자바스크립트 addEventListener() 초간단 예제 (0) | 2015.12.03 |
| 자바스크립트를 이용해서 input type=hidden을 text로 바꾸기 (0) | 2015.12.03 |