• HTML

IMG TAG의 ONERROR를 이용하여 IMG 있는지 여부체크

2018-12-19 191

설명

  • 카카오톡 링크

IMG TAG의 ONERROR를 이용하여 IMG 있는지 여부체크 소스입니다.

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<script type="text/javascript">
	function img_check(img_tag) {
		$(img_tag).parent().find("span").text("이미지가 없습니다");
	}
</script>
<style type="text/css">
	.test_box {display:inline-block; width:100%; box-sizing:border-box; border:1px solid #f2849e; margin-top:20px;}
	.test_box img {max-width:100%}
</style>

<div class="test_box">
	<img src="" onerror="img_check(this)" />
	<span></span>
</div>
<div class="test_box">
	<img src="/img/slide_img.png" onerror="img_check(this)" />
	<span></span>
</div>