25.02.2013, 18:51
|
Новичок на форуме
|
|
Регистрация: 25.02.2013
Сообщений: 7
|
|
как в galleriffic внедрить fancybox
Здравствуйте.
На сайте используется галерея galleriffic.
Все как обычно: маленькие иконки и большая картинка. Выбираешь определенную иконку и она отображается, как большая картинка.
Только мне нужно, чтобы при нажатии на большую картинку она открывалась в модальном окне(срабатывал fancybox).
Я прописала адрес ссылки к большой картинке, но эта картинка открывается в новом окне. А мне нужно, чтобы срабатывал fancybox.
Я так понимаю, что между двумя плагинами возникает конфликт.
Если у кого-то есть опыт работы с подобными задачами или есть идеи, как разрешить данный вопрос прошу помочь.
Спасибо за помощь.
|
|
25.02.2013, 19:16
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
lara_,
Типично пытаются подключать к каждому плагину свою библиотеку jQuery
По идее нужно оставлять лишь одну из них, на месте подключения самой первой библиотеки
|
|
26.02.2013, 11:53
|
Новичок на форуме
|
|
Регистрация: 25.02.2013
Сообщений: 7
|
|
Deff, не совсем Вас поняла.
Я подключила библиотеки jquery-1.7.2.min.js,
gallerific.js,
jquery.fancybox-1.3.4.pack.js.
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.
Спасибо.
|
|
26.02.2013, 12:29
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от lara_
|
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.
|
Ну я не экстрасенс. Дайте ссылку на пробную страницу
|
|
26.02.2013, 13:09
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
lara_,
1. А где инициализация fancybox ?
2. Пропишите ссылки на большую(помимо тега a) в атрибуте data="Тут ссылка" в мелкой картинке, ибо галлерея вынимает картинку из тега и кладет её в правый слайдер.
Перед инициализацией fancybox нужно выпарсить URL из data и переобуть картинку заново
|
|
26.02.2013, 13:39
|
Новичок на форуме
|
|
Регистрация: 25.02.2013
Сообщений: 7
|
|
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.Прописала ссылки (не уверена, что правильно поняла).
|
|
26.02.2013, 14:15
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от lara_
|
2.Прописала ссылки (не уверена, что правильно поняла).
|
Ну прописали там(только те ли ?), - в исходнике, в теге <a, они более длинные и путь другой
gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543
|
|
26.02.2013, 14:57
|
Новичок на форуме
|
|
Регистрация: 25.02.2013
Сообщений: 7
|
|
gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543
-Это ссылка на масштабированную картинку.
Мне нужно, чтобы при нажатии открывалась картинка с реальными размерами.
Или они должны быть одинаковы?
|
|
26.02.2013, 15:10
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от lara_
|
Мне нужно, чтобы при нажатии открывалась картинка с реальными размерами.
|
Ну если Вы уверены, что то что нужно, чичас поправлю
|
|
|
|