웹마스터 팁
이미지 크기에 맞게 새창띄우는 자바소스인데요~
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파일이 따로 있어야 하는 것 아닌가요?
섬네일에 이미 하이퍼링크로 큰 이미지를 걸었는데 이 링크를 어디다 걸어야 하는지 모르겠네요. 초짜가 엄청~~ 골 싸매고 있습니다.....^^;
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| ie60이상버전의 개인정보기능으로 인한 서비스문제 [2] | 날파리 | 2003.05.21 |
| [간단팁] 윈도우즈 2003 에서 mysql 사용할때.. [5] | 오종선 | 2003.05.22 |
| [진자 유용한] www 자동으로 붙여주기 [6] | Dopesoul | 2003.05.24 |
| APM_Setup4 에서 에러페이지 띄우기 [2] | RedEye(kaist) | 2003.05.28 |
| 아파치 보안취약점 관련 버전 업데이트 | DearMai | 2003.05.30 |
| iis + php + mysql 강좌 (윈도우설치) [5] | 이성헌 | 2003.06.01 |
| iis + php + mysql 보충설명. [2] | 이성헌 | 2003.06.01 |
| 아파치 버츄얼웹서버에서 웹로그 분석툴 : Webalizer 설치 [2] [1] | 정인배 | 2003.06.02 |
| 네임(DNS) 서버 named.conf 설정 하기 | 정인배 | 2003.06.02 |
| 아파치 : Name-based Virtual Host 사용하기 | 정인배 | 2003.06.02 |
| 아파치 : IP-based Virtual Host 사용하기 | 정인배 | 2003.06.02 |
| Windows Media 서비스에 대한 ISAPI 확장 결함 | DearMai | 2003.06.03 |
| apache + php + mysql (window 설치) | 이성헌 | 2003.06.05 |
| mysql 강좌 .. 요약본 [4] | 이성헌 | 2003.06.05 |
| php 와 mysql 을 이용한 웹인증..(윈도우에서) | 이성헌 | 2003.06.05 |
| apache 서버에서 apache 인증 (윈도우에서 apm 설치후) | 이성헌 | 2003.06.05 |
| apache 서버에서 디렉토리 보기 방지. [5] | 이성헌 | 2003.06.08 |
| 윈98에서 Apache+iASP+Tomcat4.x+Mysql+PHP ...사용하기 [5] | 한희진 | 2003.06.11 |
| webalizer 윈도우+아파치에서 돌려보기 [3] [1] | HuHu^^; | 2003.06.12 |
| 극심한 시스템 파괴시 재해복구 Process [7] | Dopesoul | 2003.06.14 |