이미지 엑박시 배꼽대신 다른 이미지 보여주기 정보
이미지 엑박시 배꼽대신 다른 이미지 보여주기
본문
<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>
컴퓨터 정리중 발견했는데
어디에서 퍼왔는지 출처를 모르겠네요.
문제가 된다면 삭제하겠습니다.
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>
컴퓨터 정리중 발견했는데
어디에서 퍼왔는지 출처를 모르겠네요.
문제가 된다면 삭제하겠습니다.
추천
2
2
댓글 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>
이렇게 보시면 이해되실겁니다.
<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='이미지가없을경우주소'">
이렇게 간단히 스크립트 없이도 가능합니다..코딩을 최소한으로..^^;
이렇게 간단히 스크립트 없이도 가능합니다..코딩을 최소한으로..^^;
이쁜누님 그대로 해봣는데..안되네요.쩝
다시 한번 체크 부탁드립니다.
생초보가..
다시 한번 체크 부탁드립니다.
생초보가..
;h
width=="28" && imagesArr[i].height=="30" 부분의 숫자를 엑박사이즈와 같도록 사이즈를 맞추면 되네요.
설정한 사이즈와 같은 모든 이미지를 대체 이미지 로 바꿔서 보여주는 원리 같습니다.
그래서 엑박이 아닌 이미지라도 설정한 크기와 같다면 대체 이미지로 바껴버리네요~
설정한 사이즈와 같은 모든 이미지를 대체 이미지 로 바꿔서 보여주는 원리 같습니다.
그래서 엑박이 아닌 이미지라도 설정한 크기와 같다면 대체 이미지로 바껴버리네요~
