탭에 oneror 속성으로 잘못된 그림을 설정하는 방법

oneror 속성도 자바스크립트로 쓸 수 있지만 이번에는 탭에 직접 삽입하면 오류 시 사용할 그림을 한 줄에 스마트하게 설치할 수 있습니다.
이런 느낌이에요.
<img src="表示したい画像のurl" onerror="this.src='エラー時に表示したい画像のurl';" />
예제
삽입할 그림의 정확한 URL:
http://yutarotanaka.com/blog/wp-content/uploads/2014/08/logo-square-ed574fbb8006572197b178cd7f9ad00c.png

배치할 이미지가 잘못되었습니다.
http://yutarotanaka.com/blog/wp-content/uploads/2014/08/logo-square-ed574fbb8006572197b178.png
오류 시 표시할 그림 URL:
http://smooch.jp/html/noimage.jpg

.
그럼 실제로 해보세요.
정확한 URL 상황:
<img width="100" height="100" src="http://yutarotanaka.com/blog/wp-content/uploads/2014/08/logo-square-ed574fbb8006572197b178cd7f9ad00c.png" onerror="this.src='http://smooch.jp/html/noimage.jpg';" />

잘못된 URL 상황:
<img width="100" height="100" src="http://yutarotanaka.com/blog/wp-content/uploads/2014/08/logo-square-ed574fbb8006572197b178.png" onerror="this.src='http://smooch.jp/html/noimage.jpg';" />

...이번에는 사이트의 특성상 원로어가 움직일 수 없을 것 같지만 일반 브라우저라면 정상적으로 작동할 수 있을 것 같습니다.

좋은 웹페이지 즐겨찾기