자동 엑박 방지 (엑박일 경우 다른 이미지로 바꿔 보여주기)

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

링크건 이미지가 없어서 엑박이 뜰경우

지정한 다른 이미지가 뜨도록하여 엑박이 보이지 않게 해주는 예제입니다.

onerror="this.src='/images/common/no_link.gif'"

이미지 태그에 위와 같이 속성을 추가해 주세요~

엑박일 경우 대체될 이미지 경로도 지정하세요.

엑박뜨면... 별것 아닌데 되게 없어 보입니다. -_-ㅋ

※ 주의사항 : 엑박대신 뜰 이미지도 부정확하여 '엑박'일 경우 무한루프(영원히 고통받는) 되므로 주의해 주세요.

예제

네이버 블로그에 올려놓은 이미지 입니다. 네이버 블로그는 외부링크가 안되기 때문에
엑박이 뜨게 되는데 엑박 대신 다른이미지가 자동으로 뜨도록 바꿔보았습니다.

네이버 블로그 이미지 링크

네이버 블로그 이미지 링크 (엑박 방지 처리)

외부링크 허용 좀 해주삼!

파란 블로그

외부링크 가능 (죄송합니다. 파란은 망했어요. 세월의 변화가 묻어나는 소스...)

소스

네이버 블로그에 올려놓은 이미지 입니다. 네이버 블로그는 외부링크가 안되기 때문에
엑박이 뜨게 되는데 엑박 대신 다른이미지가 자동으로 뜨도록 바꿔보았습니다.


네이버 블로그 이미지 링크
<img src="http://blogfiles3.naver.net/data32/2008/6/22/2/image1-superkts.jpg" border="1">


네이버 블로그 이미지 링크 (엑박 방지 처리)
<img src="http://blogfiles3.naver.net/data32/2008/6/22/2/image1-superkts.jpg" onerror="this.src='/images/common/no_link.gif'" border="1">
외부링크 허용 좀 해주삼!


파란 블로그
<img src="http://blogfile.paran.com/BLOG_65860/200806/1214099679_Image1.jpg" onerror="this.src='/images/common/no_link.gif'" border="1">
외부링크 가능 (죄송합니다. 파란은 망했어요. 세월의 변화가 묻어나는 소스...)

네이버 블로그에 올려놓은 이미지 입니다. 네이버 블로그는 외부링크가 안되기 때문에
엑박이 뜨게 되는데 엑박 대신 다른이미지가 자동으로 뜨도록 바꿔보았습니다.


네이버 블로그 이미지 링크
<img src="http://blogfiles3.naver.net/data32/2008/6/22/2/image1-superkts.jpg" border="1">


네이버 블로그 이미지 링크 (엑박 방지 처리)
<img src="http://blogfiles3.naver.net/data32/2008/6/22/2/image1-superkts.jpg" onerror="this.src='/images/common/no_link.gif'" border="1">
외부링크 허용 좀 해주삼!


파란 블로그
<img src="http://blogfile.paran.com/BLOG_65860/200806/1214099679_Image1.jpg" onerror="this.src='/images/common/no_link.gif'" border="1">
외부링크 가능 (죄송합니다. 파란은 망했어요. 세월의 변화가 묻어나는 소스...)

소스 설명

주의 할점 :

엑박일 경우 대신 뜰 이미지를 지정하게 되는데요~
요 이미지도 주소나 기타등등 상황으로 엑박일 경우 무한 루프(?)를 돌게 됩니다.

이미지 로드 에러시 대신 띄워야 할 이미지 가 에러가 났기 때문에 또 로드를 시도하죠
근데 또 에러입니다. 반복됩니다. ㅋㅋ 쭈욱

☞ 달팽이홈2

등록일 : 2008-06-22