error 이미지 처리

이미지가 없을 경우 각 브라우저에서는 엑스박스를 보여주던지 아무것도 안보인다.

(파이어폭스의 경우 아무것도 안보이고 alt에 적힌 값이 보여진다.)

 

onerror를 사용하여 이미지가 로드되지 않았을 경우 대체 이미지로 처리할 수 있다.

웹표준에는 맞으나(스크립트를 사용한 방법임) 웹접근성에서의 문제는 생각해봐야한다.

웹접근성에서 onerror가 발생해서 대체이미지를 보여주면 해당 대체이미지의 대체텍스트를 alt에 넣어줘야 완벽하게 적용할 수 있을 것으로 보여진다.

 

<img onerror="this.src="\${contextPath}/icon/default/160x160.jpg"\" src="${contextPath}/icon/test.jpg" />