웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이미지 크기에 맞게 새창띄우는 자바소스인데요~
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파일이 따로 있어야 하는 것 아닌가요?
섬네일에 이미 하이퍼링크로 큰 이미지를 걸었는데 이 링크를 어디다 걸어야 하는지 모르겠네요. 초짜가 엄청~~ 골 싸매고 있습니다.....^^;
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
select form 으로 새 창 띄우기 [4] | 당근당근 | 2003.01.07 |
[re] select form 으로 새 창 띄우기(간단버전) [3] | RedEye | 2003.01.27 |
갤러리스킨에 쓰면 좋을 것 같은 미리보기(수정2) [10] | 행복한고니 | 2003.01.06 |
크롬리스에 응용할만한 소스;; [3] | MYMob.INT. | 2003.01.05 |
숫자를 한글로 변환하는 함수 [1] | 행복한고니 | 2003.01.03 |
mid 랜덤으로 듣기 ... [2] | 아벨라 | 2003.01.02 |
색다른 링크법(새창) [2] | BIRDY™ | 2002.12.30 |
텍스트 폼 / 전체선택 하기 자바스크립 | mnemosyne | 2002.12.24 |
div, Javascript 이용해서 섹션 테이블 만들기 [3] | mnemosyne | 2002.12.18 |
크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!! [13] | 김민호 | 2002.12.16 |
오른쪽 클릭 메뉴 [6] | 디아릭스 | 2002.12.16 |
select form 으로 새창띄우기(수정:2002-12-19) [3] | dolufy | 2002.12.11 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
출렁이며 내려오는 공지창.. [3] | 아벨라 | 2002.12.10 |
아래 새창에 맞게 이미지 띄우기 더더 업그레이드 판! [6] | ATply | 2002.12.09 |
이동 메뉴 (Netscape 가능 NZEO.com 소스) [9] | 박영창 | 2002.12.08 |
아래 이미지크기에 맞게 새창띄우는 소스(기능개선판) (-_-) v [10] | 행복한고니 | 2002.12.07 |
[re] 오류 아닌 오류 나시는 분덜... | 임병찬 | 2003.04.22 |
이미지 크기에 맞게 새창띄우는 자바소스인데요~ [3] | 새벽이슬 | 2002.12.07 |