[자바스크립트] 이미지 로딩에러시 대체 이미지 넣기

이미지가 규칙적인 경우가 있는데...
문제는 그 이미지가 없어서 로딩이 안될때 참 안이쁘다
다행히 javascript에서 onerror로 대체가 가능하다.

예를 들면,,

<img src="../imageset/<%=empid%>.jpg alt="사진">

같은 형태의 이미지인데, 이미지가 준비 안된 놈들이 존재한다.
이때 에러가 발생하는 (소위 엑박이미지) 경우 src를 변경해준다.

<img onerror="this.src='../images/noimage.gif';" 
 src="../imageset/<%=empid%>.jpg alt="사진">

[onerror이벤트 사용전]

[onerror이벤트 사용후]