웹마스터 팁

  2. Support
  3. 웹마스터 팁

이미지 크기에 맞게 새창띄우는 자바소스인데요~

2002.12.07 09:24

새벽이슬

수고하십니다~^^;
겔러리에 이용하시면 아주 좋을듯한 스크립트 하나 소개할께요~
"이미지 크기에 맞게 새창띄우기" 라는 기능의 자바스크립트랍니다.
이 소스는요~ 창 크기를 지정 할 필요없이 알아서 이미지 크기에 맞게
알아서 새창이 떠서 이미지를 보여줍니다.
html 문서를 만들필요 없이 그냥 링크에 보여주고 싶은 이미지 경로만
지정해 주시면 됩니다. 이미지가 많은 곳에서 쓰면 좋겠죠? 창크기 지정할 필요도 없고~^^

---------------------------------------------------------------------------
<head>와 </head>사이에 아래 소스를 넣으세요.

<SCRIPT LANGUAGE="JavaScript">
function CaricaFoto(img){
foto1= new Image();
foto1.src=(img);
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')";
intervallo=setTimeout(funzione,20);
}
}

function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}

</script>

원하시는 <body>와</body> 사이에 아래처럼 링크 걸어주시면 됩니다.

<A HREF="javascript:CaricaFoto('새창으로 보여질 이미지 경로')" BORDER="0">링크메뉴</A>

* 링크메뉴 : 텍스트나 이미지 아무거나 넣어주시면 됩니다.
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기