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

웹표준형 화면 확대/축소

· 12년 전 · 4564 · 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 크롬 이상없음 ㅎ
잘 참고 해서 사용하겠습니다.
웝표준 하나 배워갑니다 ㅎ
하나 배워 갑니다. 감사합니다.

게시글 목록

번호 제목
19384
27584
6013
6004
27572
5997
5992
5981
5964
5952
5948
5941
5937
5934
5931
19383
5926
5923
5913
24558
5912
30895
27563
5907
5903
5900
27556
5898
24555
5894
5893
5890
5884
27537
5881
5878
30888
30884
5876
5874
27524
27514
19379
19377
27509
5869
5866
27505
5865
5860
5857
27503
27481
27462
5856
19511
27458
24547
19374
19373
19371
27453
19370
27449
27441
19366
24544
19365
19361
19360
19358
19356
19354
19351
19348
19346
19339
19334
5849
27439
5846
27434
27429
19331
19329
19328
5841
5840
19326
5834
5831
5826
19324
5821
32040
27426
19320
5816
32030
5815