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

웹표준형 화면 확대/축소

· 12년 전 · 4563 · 8
국가 사이트 제작의뢰 맡으면서 적용해달라고 해서 넣은건데 적습니다..

js/zoomout.js 파일 생성해서 넣어주세요

///화면 확대 축소 시작 IE 전용  
var nowZoom = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율
//화면 키운다.
function zoomIn()
{
    if (nowZoom < maxZoom)
    {
        nowZoom += 10; //25%씩 커진다.
    } 
    else
    {
        return;
    }
    document.body.style.zoom = nowZoom + "%";
}
//화면 줄인다.
function zoomOut()
{
    if (nowZoom > minZoom)
    {
        nowZoom -= 10; //25%씩 작아진다.
    } 
    else
    {
        return;
    }
    document.body.style.zoom = nowZoom + "%";
}

붙이고 싶은부분에 (대소문자 구분하니 복사를..추천.. 이미지 없으신분은 한글로...띄어쓰기는 지우셔도..)
     <a href="javascript:zoomIn();"><img src="../images/main/expand.gif" alt="확대"/></a>&nbsp;&nbsp;             <a href="javascript:zoomOut();"><img src="../images/main/reduce.gif" alt="축소"/></a>


호출도 해주셔야겠죠?
head.sub.php 적당한 스크립트호출문들 있는부분에
<script type="text/javascript" src="<?php echo $g4['path']?>/js/zoomout.js"></script>

한줄추가 (저같은경우 제이쿼리 호출 바로 밑에^^;;)


댓글 작성

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

로그인하기

댓글 8개

12년 전
안먹히는경우에는 body { position
12년 전
감사요
감사합니다
CSS의 zoom 속성이 익스전용인데 크로스 브라우징 체크 여부는 어떠한가요?
12년 전
속성값이 동작기능면이라 외관상 크로스브라우징은 다른의미 아니에영?ㅎ
익8 익9 크롬 이상없음 ㅎ
잘 참고 해서 사용하겠습니다.
웝표준 하나 배워갑니다 ㅎ
하나 배워 갑니다. 감사합니다.

게시글 목록

번호 제목
5722
31534
5717
19190
19181
19177
19173
19171
27353
19169
24530
27350
19161
19159
19156
19154
19152
19150
19147
19145
19143
19141
30830
19135
19129
19124
19118
19115
19111
19108
19104
19101
19098
19094
27342
19093
26548
19090
19088
19086
24524
31526
26539
32021
32015
5705
26533
24510
26524
24507
24506
19082
24498
5702
27337
32011
19080
19075
19073
19072
27330
27328
32010
32005
32001
19071
19063
31998
31994
5676
27327
31989
5671
5666
19056
31988
31987
31981
26515
30823
19050
19047
19039
31969
5649
27323
31963
19027
19020
19017
19014
19009
19005
31949
18998
18994
18988
18982
31941
31934