본문 바로가기
소프트웨어/ASP / JS / CSS / C#

img 태그 대체 그림 뛰우기

by 씨디맨 2008. 5. 19.
320x100

img 태그 대체 그림 뛰우기

img 테그에서 그림을 뿌렸을때 만약에 그림이 뜨지 않는 상황 (에러) 가 발생할때 대체 그림을
뛰우는것을 시연합니다


<html>
<head>
</head>
<body>
<img
src="/images/write.gif" onError="javascript:this.src='/images/write2.gif'" border=0>
</body>
</html>



/images/write.gif 는 첫번째로 뜰 그림이며,
만약 이그림을 뛰우지 못해서 (링크가 짤린상황) 에러가 발생시에는
/images/write2.gif 를 불러와서 뛰우게 됩니다

꼭 뛰워야하는그림이라면 2군대 올려놓고 적용하여도 괜찮으리라고 생각합니다

보통은 첫번째 그림이 뜨지 않을때 X 로 표시가 되는데 이런상황을 막기위해
"그림없음" 등의 그림을 나타내기 위해 사용합니다

 



반응형

댓글