Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.02.2013, 18:51
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

как в galleriffic внедрить fancybox
Здравствуйте.
На сайте используется галерея galleriffic.
Все как обычно: маленькие иконки и большая картинка. Выбираешь определенную иконку и она отображается, как большая картинка.
Только мне нужно, чтобы при нажатии на большую картинку она открывалась в модальном окне(срабатывал fancybox).
Я прописала адрес ссылки к большой картинке, но эта картинка открывается в новом окне. А мне нужно, чтобы срабатывал fancybox.
Я так понимаю, что между двумя плагинами возникает конфликт.
Если у кого-то есть опыт работы с подобными задачами или есть идеи, как разрешить данный вопрос прошу помочь.
Спасибо за помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 25.02.2013, 19:16
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

lara_,
Типично пытаются подключать к каждому плагину свою библиотеку jQuery
По идее нужно оставлять лишь одну из них, на месте подключения самой первой библиотеки
Ответить с цитированием
  #3 (permalink)  
Старый 26.02.2013, 11:53
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

Deff, не совсем Вас поняла.
Я подключила библиотеки jquery-1.7.2.min.js,
gallerific.js,
jquery.fancybox-1.3.4.pack.js.
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.
Спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 26.02.2013, 12:29
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от lara_
Я новичок в подобных вопросах, поэтому не могли бы Вы понятнее мне объяснить.
Ну я не экстрасенс. Дайте ссылку на пробную страницу
Ответить с цитированием
  #5 (permalink)  
Старый 26.02.2013, 12:58
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

http://www.polinadobryakova.com/gall...lied-arts.html
При щелчке на большой картинке она должна открываться в модальном окне(сейчас картинка открывается в новом окошке).
Ответить с цитированием
  #6 (permalink)  
Старый 26.02.2013, 13:09
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

lara_,
1. А где инициализация fancybox ?
2. Пропишите ссылки на большую(помимо тега a) в атрибуте data="Тут ссылка" в мелкой картинке, ибо галлерея вынимает картинку из тега и кладет её в правый слайдер.
Перед инициализацией fancybox нужно выпарсить URL из data и переобуть картинку заново
Ответить с цитированием
  #7 (permalink)  
Старый 26.02.2013, 13:39
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 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.Прописала ссылки (не уверена, что правильно поняла).
Ответить с цитированием
  #8 (permalink)  
Старый 26.02.2013, 14:15
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от lara_
2.Прописала ссылки (не уверена, что правильно поняла).
Ну прописали там(только те ли ?), - в исходнике, в теге <a, они более длинные и путь другой
gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543
Ответить с цитированием
  #9 (permalink)  
Старый 26.02.2013, 14:57
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

gallery/resizer.php?imgfile=painting-ru%2Fb2.jpg&max_width=472&max_height=543
-Это ссылка на масштабированную картинку.
Мне нужно, чтобы при нажатии открывалась картинка с реальными размерами.
Или они должны быть одинаковы?
Ответить с цитированием
  #10 (permalink)  
Старый 26.02.2013, 15:10
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
fancybox и AJAX alzasr jQuery 4 19.01.2014 22:45
Как отловить обратное событие "click" ? jsuse Общие вопросы Javascript 2 18.01.2012 00:16
как реализовать передачу функции в функцию?? czp Общие вопросы Javascript 10 29.11.2011 19:21
JS классы - как объединить функции в класс olga153b Events/DOM/Window 3 01.11.2011 14:13
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56