웹, HTML

스크립트 언어로 창 크기 조절하기

디버그정 2008. 9. 7. 13:19
자바스크립트로 알아내서 창크기 조절
2005.09.07 11:10
http://tong.nate.com/torie/4336556

이미지 보기에서 주로 새창을 팝업으로 열어 보여주게 되는데 이 때 창크기를 이미지 사이즈에 비례해서 보여준다면 좋을 듯하다

그럴려면 먼저 이미지가 사이즈를 알아야 하는데 이미지 사이즈는 자바스크립트로 또는 서버측 vbscript로 알아낼 수 있다
★ 1. 자바스크립트로 알아내서 창크기 조절
먼저 img태그에 name속성을 지정해야 접근을 할 수 있다
자바스크립트는 소스아래에 둔다면 자동실행으로 하면되고 자바스크립트를 함수로 정의하고 body태그에서 onload이벤트로도 호출할 수 있겠다

*필요에 따라 일정사이즈 이상이면 이미지 사이즈를 고정시킬 수도...


<%
'디비에서 이미지파일을 가져오자
sfile2 = RS("sfile2")
%>

<form name="d1">
<img name="img1" src="폴더/<%=sfile2%>" border="0">
</form>


<!-- 이미지 크기에 따라 창크기 조절 시작 -->
<script language="javascript">
imgW=document.d1.img1.width+50;
//창을 여는 방법에 따라 적절히 더해준다
imgH=document.d1.img1.height+50;
//창을 여는 방법에 따라 적절히 더해준다
window.resizeTo(imgW,imgH)
</script>
<!-- 이미지 크기에 따라 창크기 조절 끝 -->


★ 2. VBSCRIPT로 알아내서 창크기 조절
body태그에서 onload이벤트로 실행시킨다

*필요에 따라 일정사이즈 이상이면 이미지 사이즈를 고정시킬 수도...

<%
'디비의 이미지 파일을 가져오자
sfile2=RS("sfile2")

imagePath=server.MapPath (".") & "\upload\" &sfile2
set imageSize=LoadPicture(imagePath)

img_w = CLng(CDbl(imageSize.Width)*24/635)
'픽셀단위로 변경
img_h = CLng(CDbl(imageSize.Height)*24/635)
'픽셀단위로 변경
set imageSize=nothing

win_w=img_w+30 '적절히 더해준다
win_h=img_h+85 '적절히 더해준다

%>

<body onload="window.resizeTo(<%=win_w%>,<%=win_h%>)">

<form name="d1">
<img name="img1" src="UPLOAD/<%=sfile2%>" border="0">
</form>