Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как в galleriffic внедрить fancybox (https://javascript.ru/forum/jquery/35881-kak-v-galleriffic-vnedrit-fancybox.html)

lara_ 25.02.2013 18:51

как в galleriffic внедрить fancybox
 
Здравствуйте.
На сайте используется галерея galleriffic.
Все как обычно: маленькие иконки и большая картинка. Выбираешь определенную иконку и она отображается, как большая картинка.
Только мне нужно, чтобы при нажатии на большую картинку она открывалась в модальном окне(срабатывал fancybox).
Я прописала адрес ссылки к большой картинке, но эта картинка открывается в новом окне. А мне нужно, чтобы срабатывал fancybox.
Я так понимаю, что между двумя плагинами возникает конфликт.
Если у кого-то есть опыт работы с подобными задачами или есть идеи, как разрешить данный вопрос прошу помочь.
Спасибо за помощь.

Deff 25.02.2013 19:16

lara_,
Типично пытаются подключать к каждому плагину свою библиотеку jQuery
По идее нужно оставлять лишь одну из них, на месте подключения самой первой библиотеки

lara_ 26.02.2013 11:53

Deff, не совсем Вас поняла.
Я подключила библиотеки jquery-1.7.2.min.js,
gallerific.js,
jquery.fancybox-1.3.4.pack.js.
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.
Спасибо.

Deff 26.02.2013 12:29

Цитата:

Сообщение от lara_
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.

Ну я не экстрасенс. Дайте ссылку на пробную страницу

lara_ 26.02.2013 12:58

http://www.polinadobryakova.com/gall...lied-arts.html
При щелчке на большой картинке она должна открываться в модальном окне(сейчас картинка открывается в новом окошке).

Deff 26.02.2013 13:09

lara_,
1. А где инициализация fancybox ?
2. Пропишите ссылки на большую(помимо тега a) в атрибуте data="Тут ссылка" в мелкой картинке, ибо галлерея вынимает картинку из тега и кладет её в правый слайдер.
Перед инициализацией fancybox нужно выпарсить URL из data и переобуть картинку заново

lara_ 26.02.2013 13:39

1. инициализация fancybox:
$("a[rel=galI]").fancybox({
'transitionIn': 'none',
'transitionOut': 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">' + title + '</span>';}
});
//внизу страницы
2.Прописала ссылки (не уверена, что правильно поняла).

Deff 26.02.2013 14:15

Цитата:

Сообщение от lara_
2.Прописала ссылки (не уверена, что правильно поняла).

Ну прописали там(только те ли ?), - в исходнике, в теге <a, они более длинные и путь другой
gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543

lara_ 26.02.2013 14:57

gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543
-Это ссылка на масштабированную картинку.
Мне нужно, чтобы при нажатии открывалась картинка с реальными размерами.
Или они должны быть одинаковы?

Deff 26.02.2013 15:10

Цитата:

Сообщение от lara_
Мне нужно, чтобы при нажатии открывалась картинка с реальными размерами.

Ну если Вы уверены, что то что нужно, чичас поправлю


Часовой пояс GMT +3, время: 04:06.