테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 21년 전 · 2100 · 2
<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회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

웹프로그래머
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
한번 해봐야겠네요

게시글 목록

번호 제목
570
기타 현재 페이지 이메일로 보내는 버튼 만들기
569
JavaScript 원하는 사람에게 메일 보내기 버튼 만들기
568
기타 특정 파일형태만 업로드 할 수 있습니다
567
기타 뒤에 붙는 불필요한 공백 문자열을 없애줍니다
566
기타 앞에 붙는 불필요한 공백문자열을 지워 줍니다
565
기타 탭키 대신 엔터키를 눌러 이동합니다
564
JavaScript 전송버튼에 '전송중...' 이라는 표시를 해 줍니다
563
기타 입력 문자열 앞에 붙는 공백 제거하기
562
기타 엔터키를 누르면 다음 입력상자로 이동합니다
561
기타 버튼으로 텍스트영역의 크기를 제어합니다
560
JavaScript 텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다
559
JavaScript 특정일(ex 30일)이 지난 파일 삭제 및 디렉토리 이동하기
556
MySQL cron [퍼옮] 2
555
MySQL mysql에서의 subquery
553
MySQL 여러데이터베이스 사용하는 방법 - 퍼옮 1
17817
HTML 문자열 연결 CONCAT()
549
MySQL MySQL SELECT 문 - php와 관련하여 3
548
MySQL 패스워드 변경 및 루트 패스워드 찾기
547
MySQL MySQL 설치
546
MySQL mysql 루트(root) 암호를 잊었을 경우 [퍼옮]
545
MySQL MySQL 컬럼 형 [퍼옮]
544
MySQL MySQL 연산자 ( 사칙연산, 비트연산, 논리연산 ) [퍼옮]
543
MySQL MySQL 내부연산 ( 비교연산 )
542
MySQL MySQL 연산자 ( 형변환, 컨트롤함수 )[퍼옮]
541
MySQL MySQL 함수정리 ( 수학함수 ) [퍼옮]
이전 다음
전체 목록