Реализация увеличения внутри fancybox - PullRequest
1 голос
/ 29 марта 2012

У меня на сайте есть журнал со следующей разметкой:

<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_02-03.jpg"><img     src="http://fashion.megamall.ru/images/2012/journal/small/journal_02-03.jpg"></a>
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_04-05.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_04-05.jpg"></a>
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_06-07.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_06-07.jpg"></a>

Я использую fancybox для создания ... лайтбокса-превью с миниатюрами. Но поскольку мои начальные страницы журнала довольно большие, fancybox изменяет их размеры, чтобы они вписывались в область просмотра, поэтому они не читаются. То, что я хотел бы сделать, это добавить некоторые функции масштабирования в fancybox. Здесь я нашел тему на Stachoverflow , добавив зум к Fancybox , где кто-то пытается достичь того же результата, используя jqzoom. Я пытался реализовать предложенное решение, но, похоже, оно не работает.

Не могли бы вы помочь мне с этой задачей? Может быть, мне нужно запускать контент fancybox из другого места, а не с этой самой страницы? Но мне все еще нужен список изображений в моем HTML, потому что они используются для показа журнала за пределами fancybox.

Вот мой сайт:

http://fashion.megamall.ru/journal

Спасибо!

Ответы [ 2 ]

7 голосов
/ 29 марта 2012

Если вы используете fancybox v2.x , добавьте параметр buttons в свой сценарий, и он включает в себя функцию масштабирования, которую вы ищете.

Проверка http://fancyapps.com/fancybox/demo/ (ищите "помощник по кнопкам").

0 голосов
/ 30 июня 2017

Обновление с 2017 года - fancybox3 теперь поддерживает масштабирование нажатием на рабочий стол и жестами на сенсорных устройствах.

Документация находится здесь: http://fancyapps.com/fancybox/3/docs/#options

Обратите внимание, что скрипт совершенно другой ипараметры были обновлены, поэтому он не является заменой для fancybox 2.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...