이미지를 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>
<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>
댓글 2개
20년 전
2
웹프로그래머
14년 전
한번 해봐야겠네요
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 107 | HTML |
홀로남은자
|
19년 전 | 3335 | |
| 106 | HTML | 19년 전 | 3219 | ||
| 105 | HTML |
그레이스웹
|
19년 전 | 4949 | |
| 104 | HTML |
 happycommunity |
19년 전 | 6288 | |
| 103 | HTML |
happycommunity |
19년 전 | 5267 | |
| 102 | HTML |
happycommunity |
19년 전 | 4624 | |
| 101 | HTML |
happycommunity |
19년 전 | 3437 | |
| 100 | HTML |
happycommunity |
19년 전 | 6192 | |
| 99 | HTML |
 강강술냄세 |
19년 전 | 5025 | |
| 98 | HTML |
강강술냄세 |
19년 전 | 3447 | |
| 97 | HTML |
 드렁크수달스 |
19년 전 | 4439 | |
| 96 | HTML | 19년 전 | 6878 | ||
| 95 | HTML | 19년 전 | 4332 | ||
| 94 | HTML | 19년 전 | 3217 | ||
| 93 | HTML | 19년 전 | 5760 | ||
| 92 | HTML | 19년 전 | 4153 | ||
| 91 | HTML |
happycommunity |
19년 전 | 5182 | |
| 90 | HTML |
happycommunity |
19년 전 | 3242 | |
| 89 | HTML |
happycommunity |
19년 전 | 3163 | |
| 88 | HTML |
happycommunity |
19년 전 | 3630 | |
| 87 | HTML | 19년 전 | 5165 | ||
| 86 | HTML | 19년 전 | 4810 | ||
| 85 | HTML | 19년 전 | 4140 | ||
| 84 | HTML |
 ⓦangcho |
19년 전 | 3494 | |
| 83 | HTML |
 빨간망토의비밀 |
19년 전 | 3153 | |
| 82 | HTML | 19년 전 | 4918 | ||
| 81 | HTML |
 damoa.biz |
19년 전 | 4132 | |
| 80 | HTML | 19년 전 | 4454 | ||
| 79 | HTML | 19년 전 | 3583 | ||
| 78 | HTML |
ⓦangcho |
19년 전 | 4920 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기