웹마스터 팁
이미지 크기에 맞게 새창띄우는 자바소스인데요~
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>
* 링크메뉴 : 텍스트나 이미지 아무거나 넣어주시면 됩니다.
겔러리에 이용하시면 아주 좋을듯한 스크립트 하나 소개할께요~
"이미지 크기에 맞게 새창띄우기" 라는 기능의 자바스크립트랍니다.
이 소스는요~ 창 크기를 지정 할 필요없이 알아서 이미지 크기에 맞게
알아서 새창이 떠서 이미지를 보여줍니다.
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>
* 링크메뉴 : 텍스트나 이미지 아무거나 넣어주시면 됩니다.
댓글 3
-
danji
2002.12.07 18:45
가로와 세로, 소스를 넣어주시면 되지 않나요 -_-? -
사랑깜
2003.02.13 16:16
새벽이슬님.
새창의 그림에 아래와 같이 링크 걸어주시면 됩니다.
<a href=# onclick=window.close()><img src="이미지 주소" border=0></a> -
하니~
2004.03.18 21:17
그렇게 하면 새창 이미지를 포함하는 htm파일이 따로 있어야 하는 것 아닌가요?
섬네일에 이미 하이퍼링크로 큰 이미지를 걸었는데 이 링크를 어디다 걸어야 하는지 모르겠네요. 초짜가 엄청~~ 골 싸매고 있습니다.....^^;
