'noimage'에 해당되는 글 1건
- 2011.10.12 이미지 경로를 못 찾을 때 기본 이미지 보여주기
이미지 경로를 못 찾을 때 기본 이미지 보여주기
Javascript 2011. 10. 12. 10:13
서버가 불안정한 경우라던가, 실제로 그 경로에 이미지가 없을 때에 뜨는 엑박을 방지하기 위한 스크립트 입니다. 이미지 태그에 조금만 신경을 써서 넣어주면 사이트가 훨씬 성의있어 보이겠죠.
onError 태그 이용 예제입니다.
결과사진
둘다 같은 경로를 지정한 img 태그입니다.
하지만 하나는 엑박이 뜨고
하나는 onError태그를 이용했기 때문에 파일을 찾을 수 없다는 이미지가 뜹니다.
소스보기
<img alt="" src="djqtsmsdlalwl.jpg" />
<img alt="" src="djqtsmsdlalwl.jpg" onError="javascript:this.src='Images/noimage.png'" />
<img alt="" src="djqtsmsdlalwl.jpg" onError="javascript:this.src='Images/noimage.png'" />
onError="javascript:this.src='이곳에 기본적으로 보여줄 이미지 경로를 넣으시면 됩니다.jpg'"
