프로그램/html,css2015. 6. 26. 11:18

이미지 엑박 방지 / img onerror / html 이미지 에러 / image 태그 에러 / 이미지 로딩에러

반응형

<img src="이미지 엑박" />

 

 

 

 

// onerror method를 이용할 수 있다.

<img src="이미지 엑박" onerror="this.src='대체할 이미지'" />

 

 

// 함수를 이용할 수 있다.

<img src="이미지 엑박" onerror="no_image()" />

<script>

function no_image() {

$("img").attr("src", "이미지 엑박 때 대체할 이미지.gif");    // 주의 : 대체 이미지도 없으면 무한 루프에 걸린다.

}

</script>

반응형
Posted by 은둔고수
프로그램/jquery, javascript2015. 6. 26. 10:57

jquery img error 처리 / $("img").error() 해결 / 이미지 엑박 / 이미지 없을 때 / img 에러 / 이미지 오류 / 이미지 엑박 / img 태그 엑박 방지

반응형

<img src="없는 이미지" alt="No image!" />

 

 

 

 

// 이미지 오류가 발생할 때 replaceWith를 이용해서 바꿔 출력하기

$(document).ready(function() {
    $("img").error(function() {
        $("img").replaceWith("<p>No image!</p>");
    });

});

 

 

 

 

 

 

// 이미지 태그 엑박이 발생할 때 다른 이미지로 교체하기

$(document).ready(function() {
    $("img").error(function() {
        $("img").attr("src", "noimage.gif");
    });

});

반응형
Posted by 은둔고수

티스토리툴바