Перейти к содержанию
empty

Лупа в fancybox'е

Рекомендуемые сообщения

Здравствуйте, прочитал много тем на тему лупы товара. Но у меня задача более другая - мне лупу нужно сделать в самом fancybox окне - то есть клик на картинку - окно с оригинальной картинкой "всплыло" - и вот уже там лупа. Я использую версию фансибокса 1.4.3, пробовал подключать cloud-zoom - на сами картинки добавляется а вот уже для самого popup окна - никак не получается. Хочу прикрутить вот такой > Inner Zoom эффект. Но никак не могу додуматься как. Пример такого вот тут - нажмите на картинку и поводите - это конечно не лупа - но смысл примерно тот же. Вся суть в том что у меня структура 

<div id="fancybox-content"><img id="fancybox-img" src="/image/cache/image.jpg"></div>

А мне надо img превратить из 

<img id="fancybox-img" src="/image/cache/image.jpg">

в

<img id="fancybox-img" class="cloudzoom" src="/images/smallimage.jpg" data-cloudzoom="zoomImage:'/images/largeimage.jpg', zoomPosition:'inside', zoomOffsetX:0">

Или же добавить <a></a>:

<div id="fancybox-content" style="border-width: 10px; width: 1483px; height: 979px;">
<a href="путь/до/оригинальной картинки/image.jpg">
<img id="fancybox-img" src="/image/cache/image.jpg">
</a>
</div>

Пробовал в jquery.fancybox-1.3.4.js дописывать в 

outer.append(
			content = $('<div id="fancybox-content"></div>'),
			close = $('<a id="fancybox-close"></a>'),
			title = $('<div id="fancybox-title"></div>'),

			nav_left = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),
			nav_right = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')
		);

ссылку - не получалось - вообще не выводилось ничего.

 

Подскажите пожалуйста - как можно так сделать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

полагаю, что нужно

сделать onСomplete: function(){инициализация зума}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

полагаю, что нужно

сделать onСomplete: function(){инициализация зума}

Эмм, а поподробнее? Впервые такое вижу. Может пример какой?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Впервые такое вижу

 

В жизни все бывает в первый раз.

 

 

посмотрите в api fancybox

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.