jQuery img 경로 오류 시 대체 이미지 설정하기 (엑박 방지)

img 태그 엑박 방지하기

Javascript 2011/11/30 15:55

html 이벤트중에 onError를 이용하면 엑박을 방지할 수 있다. onError는 윈도우나 이미지등 개체의 읽기 오류가 발생되면 이벤트 발생

[출처] window.onerror 이벤트 - 윈도우나 이미지등 개체의 읽기 오류가 발생되면 이벤트 발생|작성자 밍밍

한다.

<img src="/aaa/bbb/ccc.gif" onError="javascript:this.src='대체할 이미지'" />

 위처럼 사용하면 이미지를 찾지 못할 경우 대체할 이미지로 화면에 뿌려주게 된다.

jQuery로도 가능하다.

$().ready(function(){

   $('img).each(function(n){
       $(this).error(function(){
         $(this).attr('src', '대체할 이미지');
       });
    });
}); 

 간단한듯하나 테스트해보지 못했다. 원본 페이지: http://anyx.tistory.com/130 

http://junemoon.tistory.com/56