미

이미지 엑박시 배꼽대신 다른 이미지 보여주기

<script language="JavaScript">
function checkImages() {
if(document.getElementById) {
var imagesArr = new Array();
var setDefaultErrImg="배꼽대신 들어갈 이미지 주소";
var setDefaultErrTxt="배꼽대신 들어갈 이미지에 마우스 올리면 나올 말ALT";
imagesArr = document.getElementsByTagName("img");
for(var i=0; i<imagesArr.length; i++){
if(!imagesArr[0].getAttribute("nc")=="1"){
var tempImgAttrib=imagesArr[i].getAttribute("alt"); imagesArr[i].setAttribute("alt",""); if(imagesArr[i].width=="28" && imagesArr[i].height=="30")
{ imagesArr[i].src=setDefaultErrImg; imagesArr[i].setAttribute("alt",setDefaultErrTxt);}
else
{ imagesArr[i].setAttribute("alt",tempImgAttrib);}
}
}
}
}
window.onload=checkImages;
</script>

컴퓨터 정리중 발견했는데
어디에서 퍼왔는지 출처를 모르겠네요.
문제가 된다면 삭제하겠습니다.
|

댓글 6개

어떻게 하는지 모르겠어요 ㅠㅠ
일단은 추천 ㅋㅋ
<html>
<head>
<title>http://www.blueb.co.kr</title>
<script language="JavaScript">
function checkImages() {
if(document.getElementById) {
var imagesArr = new Array();
var setDefaultErrImg="http://www.blueb.co.kr/SRC/javascript/image4/error_img.gif"; // 이미지 에러시 대체할 이미지
var setDefaultErrTxt="Image Not Found"; // ALT에 들어갈 텍스트
imagesArr = document.getElementsByTagName("img");
for(var i=0; i<imagesArr.length; i++)
{
if(!imagesArr[0].getAttribute("nc")=="1")
{
var tempImgAttrib=imagesArr[i].getAttribute("alt");
imagesArr[i].setAttribute("alt","");
if(imagesArr[i].width=="28" && imagesArr[i].height=="30")
{
imagesArr[i].src=setDefaultErrImg;
imagesArr[i].setAttribute("alt",setDefaultErrTxt);
}
else
{
imagesArr[i].setAttribute("alt",tempImgAttrib);
}
}
}
}
}

window.onload=checkImages;
</script>
</head>
<body>

이미지가 깨졌거나 경로가 틀릴경우 배꼽대신 아래 그림이 나타나게 하는 소스입니다.<br>

<img src=경로또는이미지가 깨졌을경우>


</body>
</html>

이렇게 보시면 이해되실겁니다.
<img src="원래이미지주소" onerror="this.src='이미지가없을경우주소'">

이렇게 간단히 스크립트 없이도 가능합니다..코딩을 최소한으로..^^;
이쁜누님 그대로 해봣는데..안되네요.쩝

다시 한번 체크 부탁드립니다.

생초보가..
width=="28" && imagesArr[i].height=="30" 부분의 숫자를 엑박사이즈와 같도록 사이즈를 맞추면 되네요.

설정한 사이즈와 같은 모든 이미지를 대체 이미지 로 바꿔서 보여주는 원리 같습니다.
그래서 엑박이 아닌 이미지라도 설정한 크기와 같다면 대체 이미지로 바껴버리네요~
댓글을 작성하시려면 로그인이 필요합니다.

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
09-12-21 조회 5,285
09-12-20 조회 4,618
09-12-20 조회 9,143
09-12-19 조회 3,222
09-12-19 조회 6,589
09-12-16 조회 4,929
09-12-16 조회 5,282
09-12-13 조회 1만
09-12-09 조회 3,762
09-12-09 조회 3,742
09-12-08 조회 7,500
09-12-07 조회 7,465
09-12-06 조회 5,751
09-12-06 조회 6,346
09-12-05 조회 6,878
09-12-04 조회 4,984
09-12-03 조회 8,928
09-12-02 조회 3,616
09-12-02 조회 5,802
09-12-02 조회 5,049