Добавление увеличения в Fancybox

Я использую Fancybox для своей галереи миниатюр. Я бы хотел использовать JQZoom (http://www.mind-projects.it/projects/jqzoom/) с помощью fancybox.

Конечный результат: 1. Пользователь нажимает на миниатюру Появится 2.fancybox с увеличенным изображением 3. Пользователь может перетаскивать изображение, чтобы увеличить его с помощью JQZoom

Сейчас я настроил этот эффект. Fancybox работает отлично, но JQZoom не работает вообще. Я также не обнаружил ошибок с помощью firebug.

Здесь страница:

http://waldondigital.com/mix/gallery.html

Вот мой jquery:

http://pastebin.com/3Nc9pzMM

Спасибо за ваше время, это очень ценится.

Ответы

Ответ 1

Это должно сделать трюк: http://pastebin.com/mg7e0Z1S

В основном это добавляет изображение масштабирования как контент в $.fancybox и применяет $.jqzoom(), когда оно выполняется через onComplete. Я отключил прокрутку, потому что jqzoom, похоже, добавляет границу к меньшему изображению, что приводит к горизонтальным полосам прокрутки.

FYI, я тестировал это только с встроенным масштабированием...

Ответ 2

Вам нужно будет настроить fancybox zoom, чтобы открыть лайтбокс в стиле iframe, в котором содержится код JQZoom. может быть очень гладкой комбинацией!