큰그림을 이미지사이즈에 맞게 팝업
작성일 07-08-08 11:14
페이지 정보
작성자서방님 조회 177회 댓글 0건본문
http://www.javascript.co.kr/java_data/200104/big_img.html
<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->
<SCRIPT LANGUAGE="JavaScript">
<!---Edited by JASKO-->
<!---Web Site : http://www.javascript.co.kr-->
<!-- Begin
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+"></div></body></html>");
win.document.close();
}
// End -->
</script>
</HEAD>
<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<BODY BGCOLOR="#FFFFFF">
<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->
<P>
<CENTER><a href="javascript:ViewImage('apartment-large.jpg',576,303,'An Apartment')"><img src="apartment-small.jpg" width=288 height=152 border=1></a>
<br>
또는
<br>
<a href="javascript:ViewImage('apartment-large.jpg',576,303,'An Apartment')">큰 그림 보기</a>
</CENTER>
댓글목록
등록된 댓글이 없습니다.