Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Лупа в fancybox'е


Recommended Posts

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

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

 

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

Надіслати
Поділитися на інших сайтах


Есть вот такой модуль, возможно подойдет.

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.