• JS

JAVASCRIPT를 이용하여 IMG 있는지 여부체크

2018-12-19 264

설명

  • 카카오톡 링크

JAVASCRIPT를 이용하여 IMG 있는지 체크하는 소스입니다.~!

소스실행 현황

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

<script type="text/javascript">
	$(window).bind('load', function() {
		$('.test_box img').each(function() {
			if((typeof this.naturalWidth != "undefined" && this.naturalWidth == 0 ) || this.readyState == 'uninitialized' ) {
				$(this).parent().find("span").text('이미지가 없습니다.')
			} else {
				$(this).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="" />
	<span></span>
</div>
<div class="test_box">
	<img src="/img/slide_img.png" />
	<span></span>
</div>