프로그램/html,css2009. 7. 15. 22:13
반응형

[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>

반응형
Posted by 은둔고수