이미지 모음에 사용하면 좋은 스크립트입니다.
해당 이미지의 크기에 맞게 새창으로 뜨고 그 창은 화면가운데로 자동정렬 됩니다..
정말 똑똑한 스크립트.. 그리고 그림을 클릭하면 창도 닫힙니다. 이미지가 상당히 많을때 쓰면 정말 좋습니다. ^_^;
(이건 단순히 큰 그림보여주는 용도로 만들어진 스크립트 입니다)
보통 이미지 크기에 맞추어 뜨는 창의 경우는 이미지의 크기를 미리 설정해 주는데
이 스크립트는 자동으로 이미지의 크기를 파악하여 창의 크기를 조절합니다.
클릭 하신 그림의 크기에 맞게 자동으로 창이 뜹니다.
[소스]
<p align="center">
<img src="share5_s.jpg" border="0" onclick="gogo('share5.jpg')">
<img src="003_2.jpg" border="0" width="100" height="75" onclick="gogo('003_2.jpg')">
<img src="001_1.gif" width="98" height="90" border="0" onclick="gogo('001_1.gif')">
</p>
<p align="center">클릭 하신 그림의 크기에 맞게 자동으로 창이 뜹니다.</p>
<script language="JavaScript">
<!--
function gogo(str){
xx = window.open('','','toolbar=no') //새창을 띄움
xx.document.writeln('<html><body leftmargin=0 topmargin=0>')
xx.document.writeln('<img src="' + str + '" border="0" name="img1" onclick="window.close()"')
xx.document.writeln(' style="cursor:hand">')
xx.document.writeln('<script language="JavaScript">')
xx.document.writeln('function gogo(){')
xx.document.writeln('window.resizeTo(img1.width+10,img1.height+29)')
xx.document.writeln('window.moveTo((screen.width-img1.width)/2,(screen.height-img1.height)/2)')
xx.document.writeln('}')
xx.document.writeln('setTimeout("gogo()",100)')
//이미지 용량이 클경우 작동이 잘 안되므로 약간의 시간차^^
xx.document.writeln('</script>')
xx.document.writeln('</body></html>')
}
//-->
</script>
FREECOUNT.NET 프카넷 생긴날 2003.12.20
홈 |
카운터 |
플래시북 |
프리보드 |
전광판 |
웹공부방 |
커뮤니티 |
쪽지함
