카

이미지를 5단계로 키워서 보자

<HTML>
<HEAD>
<TITLE> 그누소스 </TITLE>

<!------ 1. 아래의 이벤트 핸들러를 BODY 태그안에 붙여 넣으세요 ------>

<body onLoad="initiare()">

<!------------------------- 여기까지 ------------------------------>

<!------ 2. 원하는 위치에 아래와 같은 방법으로 붙여 넣으세요 --------->

<script language="JavaScript1.2">
<!--

// 이미지를 설정 하세요
var url_image="http://sir.co.kr/image/logo.gif"

// 원래 이미지의 가로크기
var width_image="640"

var on_img=0
var imgs = new Array()
var zoom_factor = new Array()
zoom_factor[0] = 16
zoom_factor[1] = 8
zoom_factor[2] = 4
zoom_factor[3] = 2
zoom_factor[4] = 1

if (document.all) {
var premes="document.all."
var aftermes=".style"
}

if (document.layers) {
var premes="document."
var aftermes=""
}

for (i=0; i <= 4; i++) {
document.write('<DIV ID="img'+i+'" style="position:absolute; visibility:hidden; top:0; left: 0">')
// 이미지를 보여줄 위치 지정
document.write('<IMG SRC="'+url_image+'" width="'+(width_image/zoom_factor[i])+'">')
document.write('</DIV>')
imgs[i]=eval(premes+"img"+i+aftermes)
}
document.write('<DIV ID="img5" style="visibility:hidden; position:absolute; top:110; left:220">')
document.write('<table width=180 height=80><tr><td align=center valign=middle>')
document.write('<a href="javascript:zoomup()"><b>크게 보기</b></a><br>')
document.write('<a href="javascript:zoomdown()"><b>작은 크기로</b></a><br><br>')
document.write('</td></tr></table>')
document.write('</DIV>')

imgs[5]=eval(premes+"img5"+aftermes)


function initiare(){
imgs[0].visibility="visible"
imgs[5].visibility="visible"
}

function zoomup(){
if (on_img <= 3) {
on_img++
for (i=0; i<=4; i++) {
imgs[i].visibility="hidden"
}
imgs[on_img].visibility="visible"
}
}

function zoomdown(){
if (on_img >= 1) {
on_img--
for (i=0; i<=4; i++) {
imgs[i].visibility="hidden"
}
imgs[on_img].visibility="visible"
}
}
// --->
</script>

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>

첨부파일

321.html (2.3 KB) 95회 2005-06-13 14:56
|

댓글 2개

한번 해봐야겠네요
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
04-11-29 조회 3,807
04-11-29 조회 4,218
04-11-29 조회 6,045
04-11-29 조회 3,416
04-11-29 조회 5,725
04-11-29 조회 3,411
04-11-29 조회 4,018
04-11-29 조회 8,494
04-11-29 조회 4,729
04-11-29 조회 4,114
04-11-29 조회 5,620
04-11-29 조회 3,808
04-11-29 조회 7,135
04-11-29 조회 5,371
04-11-29 조회 6,688
04-11-29 조회 4,504
04-11-29 조회 6,866
04-11-28 조회 4,007
04-11-28 조회 3,740
04-11-28 조회 3,525
04-11-28 조회 3,341
04-11-28 조회 3,543
04-11-28 조회 3,553
04-11-28 조회 4,791
04-11-28 조회 3,786
04-11-28 조회 3,384
04-11-28 조회 3,214
04-11-28 조회 4,045
04-11-28 조회 4,093
04-11-28 조회 3,372
04-11-28 조회 3,491
04-11-28 조회 3,896
04-11-28 조회 3,229
04-11-28 조회 3,634
04-11-28 조회 3,021
04-11-28 조회 3,268
04-11-28 조회 3,568
04-11-24 조회 3,233
04-11-24 조회 3,067
04-11-23 조회 3,041
04-11-23 조회 3,201
04-11-23 조회 2,808
04-11-23 조회 2,795
04-11-23 조회 3,024
04-11-23 조회 3,245
04-11-17 조회 5,465
04-11-17 조회 3,607
04-11-17 조회 3,023
04-11-12 조회 3,100
04-11-12 조회 3,055
04-11-12 조회 3,307
04-11-12 조회 3,459
04-11-12 조회 2,660
04-11-12 조회 4,943
04-11-12 조회 4,733
04-11-10 조회 3,884
04-11-10 조회 3,782
04-10-12 조회 6,188
04-09-16 조회 4,999
04-08-24 조회 5,344
04-08-23 조회 4,376
04-08-10 조회 6,763
04-08-10 조회 3,973
04-08-10 조회 6,937
07-10-24 조회 4,473
04-08-10 조회 4,528
04-08-10 조회 5,132
04-08-10 조회 4,704
04-08-10 조회 5,068
04-08-10 조회 7,576
04-08-10 조회 5,629
04-08-10 조회 7,864
04-08-09 조회 5,050
04-08-08 조회 3,476
04-08-08 조회 5,878
04-08-08 조회 4,311
04-08-08 조회 4,784
04-08-07 조회 4,442
04-08-06 조회 4,313
04-08-06 조회 4,849
04-08-05 조회 6,036
04-08-05 조회 5,648
04-08-05 조회 6,578
04-08-05 조회 4,991
04-08-05 조회 5,747
04-08-05 조회 5,602
04-08-05 조회 4,095
03-09-26 조회 5,242