Html & Script

이미지 없을때 엑박대신 대체 이미지 처리

페이지 정보

본문

보통 이미지 태그를 써서 이미지를 표현한다.

ex)

<img src="/경로/파일명">

 

해당 링크 주소에 이미지가 없다면 엑박으로 표시되는데

엑박대신 no-image 라는 대체 이미지를 준비하고 그것을 보여주는 방법

 

<img src="/test/test.gif" onerror="this.src='/test/noImg.gif'" >

 

보면 이미지소스를 경로에서 호출하는데

정상적으로 불러오지 못했을 경우(onerror : 에러발생시)

다음문구를 실행한다.

this.src >> 현재선택된 객체의 소스경로를 /test/noImg.gif << 이놈으로 대체

 

최종 인식 객체는

<img src="/test/noImg.gif"> 가 되는것..

 

그럼 no-img 가 나오겠군..

관련자료

등록된 댓글이 없습니다.
Today's proverb
누구나 잘못할 수는 있지만 누구나 솔직할 수 있는 것은 아닙니다. 그러나 진실한 사람의 아름다움은 무엇과도 바꿀 수 없습니다. 솔직함은 겸손이고 두려움 없는 용기입니다. 잘못으로 부서진 것을 솔직함으로 건설한다면 어떤 폭풍에도 견뎌낼 수 있는 강인함이 있습니다. 가장 연약한 사람이 솔직할 수 있으며 가장 여유로운 사람이 자신의 모습을 볼 수 있고 자신을 아는 사람만이 자신을 드러낼 수 있습니다.