Масштабирование jQuery Plugin для увеличения страницы
Мне нужно jQuery Plugin
чтобы увеличить страницу максимум на 3 уровня и на 3 уровня меньше.
- Выбранный Zoom должен быть сохранен в Cookie / где-нибудь для отображения в том же выбранном Zoom Size, даже если пользователь обновит страницу.
- На сайте также есть PopUp, поэтому моя всплывающая страница тоже должна с этим работать.
- Он должен работать со всеми браузерами, такими как Firefox, Chrome, IE8, Safari, Mac Safari.
- Он должен работать с другими устройствами, такими как IPAD, IPHONE, Android Mobiles, Windows Mobile.
Я ломаю голову, чтобы решить эту проблему. Любой, пожалуйста, предложите хороший плагин jQuery / любые другие библиотеки для решения этой проблемы.
2 ответа
Я только что попробовал Zoomooz.js. У меня отлично работает с FF и IE8.
Вот пример того, как сделать масштабирование страницы с помощью 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"/>
Примечание: я не проверял это во многих браузерах.