웹마스터 팁

  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>

* 링크메뉴 : 텍스트나 이미지 아무거나 넣어주시면 됩니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
글상자글적으면 적은수가 숫자로 표시(글제한할때좋죠). [2] 아벨라 2002.11.18
이미지 변환함수(롤오버) [3] 행복한고니 2002.11.18
[re] 아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [2] Mahican 2002.12.02
아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [7] (づ_-) 커터칼 2002.11.18
제로님 Select Box 조금 바꾼거... [5] 행복한고니 2002.11.18
[파파스 1] 즐겨찾기 추가기능 소스 [5] 파파스 2002.11.20
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
엔지오처럼 메뉴가 아래위로 움직이는 소스[steelheart님 만듬]. [10] 김태경 2002.11.23
정말 쉬운 이미지 롤오버 [3] Nopedy Lee 2002.12.05
이미지 크기에 맞게 새창띄우는 자바소스인데요~ [3] 새벽이슬 2002.12.07
[re] 오류 아닌 오류 나시는 분덜... 임병찬 2003.04.22
아래 이미지크기에 맞게 새창띄우는 소스(기능개선판) (-_-) v [10] 행복한고니 2002.12.07
이동 메뉴 (Netscape 가능 NZEO.com 소스) [9] 박영창 2002.12.08
아래 새창에 맞게 이미지 띄우기 더더 업그레이드 판! [6] ATply 2002.12.09
출렁이며 내려오는 공지창.. [3] 아벨라 2002.12.10
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] 시즌오브드림 2002.12.10
select form 으로 새창띄우기(수정:2002-12-19) [3] dolufy 2002.12.11
오른쪽 클릭 메뉴 [6] 디아릭스 2002.12.16
크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!! [13] 김민호 2002.12.16
div, Javascript 이용해서 섹션 테이블 만들기 [3] mnemosyne 2002.12.18
태그 쓰기