Масштабирование плагина jQuery для увеличения страницы

Question

Мне нужно jQuery Plugin, чтобы увеличить страницу до максимального уровня 3 уровня и на 3 уровня меньше.

• Выбранный Zoom должен храниться в Cookie/где-либо, чтобы отображать в том же выбранном размере Zoom, даже если пользователь обновил страницу.
• Веб-сайт также имеет PopUp, поэтому моя всплывающая страница также должна работать с этим.
• Он должен работать со всеми браузерами, такими как Firefox, Chrome, IE8, Safari, Mac Safari.
• Он должен работать с другими устройствами, такими как IPAD, IPHONE, Android Mobiles, Windows Mobile.

Я ломаю голову, чтобы решить эту проблему. Любой может предложить хороший плагин jQuery/любые другие библиотеки для решения этой проблемы.

Answer 1

Вот пример того, как сделать страницу с масштабированием JQuery:

window.onload = function() { 
var currFFZoom = 1; 
var currIEZoom = 100; 

$('#In').on('click',function(){ 
    if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox 
     var step = 0.02; 
     currFFZoom += step; 
     $('body').css('MozTransform','scale(' + currFFZoom + ')'); 
    } else { 
     var step = 2; 
     currIEZoom += step; 
     $('body').css('zoom', ' ' + currIEZoom + '%'); 
    } 
}); 

$('#Out').on('click',function(){ 
    if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox 
     var step = 0.02; 
     currFFZoom -= step;     
     $('body').css('MozTransform','scale(' + currFFZoom + ')'); 

    } else { 
     var step = 2; 
     currIEZoom -= step; 
     $('body').css('zoom', ' ' + currIEZoom + '%'); 
    } 
});}; 


<input type="button" id="Out" alt="Zoom Out"/> 
<input type="button" id="In" alt="Zoom In"/> 

Примечание: Я не проверял это во многих браузерах.

Answer 2

Я только что пробовал Zoomooz.js. Работает отлично для меня с FF и IE8.