본문 바로가기

퍼블리싱/jQeury, Javascript

Browser Zoom In / Out

var currentZooim = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율

function zoomIn(){
    if(currentZooim < maxZoom){
        currentZooim += 10; //25%씩 커진다.
        $("#dispSize").html(currentZooim + "%");
        document.body.style.zoom = currentZooim + "%";
    }else{
        return;
    }  
}

function zoomOut(){
    if(currentZooim > minZoom){
        currentZooim -= 10; //25%씩 작아진다.
        $("#dispSize").html(currentZooim + "%");
        document.body.style.zoom = currentZooim + "%";
    }else{
        return;
    }
    
}