как сделать кнопку ctrl +- для страницы?

O
На сайте с 11.02.2011
Offline
106
756

нужно сделать кнопку, которая будет изменять масштаб на 3 клика вперед и назад...

кто нибудь знает решение?

заработай 100$ в день (http://u.to/2HRmCA)
RomantikJo
На сайте с 19.01.2014
Offline
1
#1

Поясните, пожалуйста, кнопка должна делать аналогию действия скролла на 3 позиции? То есть до 150% масштаба страницы?

O
На сайте с 11.02.2011
Offline
106
#2
RomantikJo:
Поясните, пожалуйста, кнопка должна делать аналогию действия скролла на 3 позиции? То есть до 150% масштаба страницы?

да, хотя бы просто прибавить-убавить )

вроде решение должно простое быть, но в инете ничего не нашел (

vlad00777
На сайте с 24.12.2009
Offline
119
#3

В цсс есть параметр - zoom. Может принимать значение от 0 до ...

Где 1 соответсвенно это 100% масштаб.

Думаю дальше разберетесь через $("body").css('zoom','2');

http://htmlbook.ru/css/zoom

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
O
На сайте с 11.02.2011
Offline
106
#4

vlad00777, что то даже в примере не работает (

а что такое $("body")?

IL
На сайте с 20.04.2007
Offline
435
#5
obzor:
а что такое $("body")?

Вам сюда / оригинал

obzor:
vlad00777, что то даже в примере не работает (

На кроссбраузерность внимание обратили?

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
X
На сайте с 15.04.2009
Offline
67
#6

Например, в Joomla это стандартный модуль, выглядит обычно так А+ А- А

или Font size Bigger.Reset.Smaller (как вот тут в самом верху http://joomla25.cloudaccess.net/ )

IL
На сайте с 20.04.2007
Offline
435
#7
xixxx:
Например, в Joomla это стандартный модуль, выглядит обычно так А+ А- А

Увеличение шрифта и масштаб - немного разные вещи. Хотя, не исключено, что вариант подойдёт для ТС.

P.s. для кроссбраузерности можно свойств с префиксами добавить...

http://jsfiddle.net/X4XYf/219/

vlad00777
На сайте с 24.12.2009
Offline
119
#8

ivan-lev, Не совсем верная проверка кроссбраузерности.

В Мозиле можно так: -moz-transform: scale(2);

В Опере в последних версиях работает (начиная с тех пор, когда опера перешла на webkit).

П.с по сути вы так и сделали в примере.

IL
На сайте с 20.04.2007
Offline
435
#9
vlad00777:
ivan-lev, Не совсем верная проверка кроссбраузерности.

Мопед не мой (см Вашу ссылку):

vlad00777:
Думаю дальше разберетесь через $("body").css('zoom','2');
http://htmlbook.ru/css/zoom

Просто предположил, почему указанный в том посте способ не отработал:

obzor:
vlad00777, что то даже в примере не работает (

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий