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

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

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 21년 전 · 3710 · 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년 전
한번 해봐야겠네요

게시글 목록

번호 제목
255
HTML Ajax의 표기와 발음에 관한 의견! 4
249
HTML 움직이는 gif도 썸네일을 만들수 있는 함수 6
246
HTML Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! 2
232
기타 CSS 사전입니다.(zip 압축파일) 13
230
HTML 간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) 1
229
HTML 롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴
228
HTML 위에서 하나씩 떨어지는 메뉴 스크립트
226
HTML 사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 1
225
HTML 사용자 브라우저의 자바 버전 알려주기
224
HTML 윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기
223
HTML 사용자 웹브라우저의 이름 알려주기
222
HTML 사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등
216
HTML ctrl +j 와 ctrl + alt + shift + t 의 사용법(잔팁) 5
207
HTML curl 함수를 이용한 HTTP_REFERER 변경 8
183
HTML if 23
175
HTML iinclude와 조건문 7
169
HTML 국내 지도 선택(시, 도 별로 선택하기) 5
168
HTML 페이지 이동중입니다 잠시만 기달려주세여
166
HTML php실명인증 한번만하면 쭈우욱^^ 1
164
HTML http://홈주소/?mode=xxx 하는방법 :) 1
161
HTML 포토샵 환경 설정 초기화 하기(1원짜리 팁) 2
160
HTML [자바스크립트강좌] HTML로 글자 변환
159
HTML 데이터베이스의 생성, 선택, 보기
154
HTML 포토샵 CS 브러쉬 툴 강좌 4
151
HTML IE 패치 스크립트(상호 작용하는 ActiveX 컨트롤이 사용자 입력에 즉시 응답하도록 웹 페이지를 수정하는 방법) 2
148
HTML 네이버 openapi 사용하여 쇼핑검색 만들기 2
143
HTML 네이버 openapi 사용하여 실시간 인기검색어 보여주기 4
141
HTML 특정 IP 차단하기... 1
140
HTML window.showModalDialog 항상 위에 뜨는 창 열기
134
HTML 전화 번호 숫자만 빼오기 5
이전 다음
전체 목록