img 태그 onerror 이미지 로드 못한 경우 대체하기

 

<img class="app-small-icon" src="잘못된 주소" onerror="setEmptySmallIcon(this);">
<style type="text/css">
.app-small-icon {
 width: 40px;
 height: 40px;
}

.empty-small-icon {
  border: solid 1px #000;
  width: 40px;
  height: 40px;
}
</style>

<script type="text/javascript">

function setEmptySmallIcon(img) {
 img.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
 $(img).addClass('empty-small-icon');
}
</script>