[css-tip]CSS img 태그 X 박스 처리
img 태그 사용시 경로에 해당 이미지가 없거나 불러오지 못하는 경우 표시되는 X 모양의 상자(이하 엑박)를 일명 엑스박스 또는 엑박이라고들 말을 하기도 한다.
<img src="이미지 경로" style="WIDTH: 67px; HEIGHT: 63px" />
이러한 엑박을 다른 형태로 처리할 수 있다.
onerror
<img src="이미지 경로" style="WIDTH: 67px; HEIGHT: 63px" onerror="this.src='이미지를 못 불러오면 표시할 이미지'" />
<html>
<head>
<title>[css-tip]img 태그 X 박스 처리</title>
<style type="text/css">
<!--
-->
</style>
<script language="javascript">
<!--
//-->
</script>
</head>
<body>
<h1>img 태그 X 박스 처리</h1>
<img src="" width="60" height="60" title="기본사진"
onError="this.src='http://www.twar.co.kr/images/0/event/banner02.png" />
</body>
</html>
