Приставка за мащабиране на jQuery за мащабиране на страницата

Имам нужда от jQuery Plugin, за да увелича страницата до максимум 3 нива по-големи и 3 нива по-малки.

  • Избраното мащабиране трябва да се съхранява в бисквитка / някъде, за да се показва в същия избран размер на мащаба, дори когато потребителят опресни страницата.
  • Уебсайтът също има PopUp, така че моята изскачаща страница трябва да работи и с това.
  • Трябва да работи с всички браузъри като Firefox, Chrome, IE8, Safari, Mac Safari.
  • Трябва да работи с други устройства като IPAD, IPHONE, Android Mobiles, Windows Mobile.

Чупя си главата, за да реша този проблем. Моля, някой да предложи добър jQuery плъгин / всякакви други библиотеки за решаване на този проблем.


jquery zooming jquery-plugins
person Jeya sankar    schedule 17.06.2013    source източник

Отговори (2)


arrow_upward
4
arrow_downward

Току-що опитах Zoomooz.js. Работи добре за мен с FF и IE8.

person jimmybondy    schedule 24.10.2013
comment
Благодаря много, това е точно това, което търсих! - person Guillaume Lehezee; 24.03.2014

arrow_upward
1
arrow_downward

Ето пример за това как да направите мащабиране на страница с 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"/>

Забележка: Не съм тествал това в много браузъри.

person mitchfish36    schedule 17.06.2013
comment
Отговорът трябва да бъде jQuery Plugin или друга библиотека, защото кодът има някакъв проблем с кръстосания браузър - person Venkat.R; 17.06.2013