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

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

Здравствуйте, прочитал много тем на тему лупы товара. Но у меня задача более другая - мне лупу нужно сделать в самом 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

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

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

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

×

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

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