Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.03.2017, 14:36
Интересующийся
Отправить личное сообщение для kuzyaka Посмотреть профиль Найти все сообщения от kuzyaka
 
Регистрация: 27.02.2017
Сообщений: 24

Нужен слайдер из доп. картинок на fancyBox.
Имеем просмотр галереи на fancyBox из фото1a, фото2a, фото3a, ...
Нужно под фото сделать слайдер из одной основной и двух дополнительных картинок.
Для фото1a: (фото1a, фото1b и фото1c),
для фото2a: (фото2a, фото2b и фото2c),
для фото3a: (фото3a, фото3b и фото3c),
...

рони - выручай!

Последний раз редактировалось kuzyaka, 03.03.2017 в 15:01.
Ответить с цитированием
  #2 (permalink)  
Старый 03.03.2017, 15:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

kuzyaka,
может проще для каждой картинки запускать свою галерею с превью.
Ответить с цитированием
  #3 (permalink)  
Старый 03.03.2017, 15:50
Интересующийся
Отправить личное сообщение для kuzyaka Посмотреть профиль Найти все сообщения от kuzyaka
 
Регистрация: 27.02.2017
Сообщений: 24

рони
Можно и так, только там придется на следующий и предыдущий переходы как-то вешать загрузку новой коллекции из трех фото.
Да и стандартный слайдер модифицировать придется, что б хотя бы превьюшки сидели смирно и не двигались.

А можно, например, как ты меня научил добавлять кнопки.
Добавить под фото три нужных картинки и при клике на них менять основное изображение.
Правда тут придется попотеть с оформлением.

А что тут проще - шут его знает, пока не начнешь пробовать.
Для меня пока что всё сложно.

Последний раз редактировалось kuzyaka, 03.03.2017 в 15:54.
Ответить с цитированием
  #4 (permalink)  
Старый 03.03.2017, 16:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от kuzyaka
Добавить под фото три нужных картинки и при клике на них менять основное изображение.
можно и так, если добавить атрибут data-src="[фото1a, фото1b ,фото1c]" , то совсем просто будет.
Ответить с цитированием
  #5 (permalink)  
Старый 03.03.2017, 16:20
Интересующийся
Отправить личное сообщение для kuzyaka Посмотреть профиль Найти все сообщения от kuzyaka
 
Регистрация: 27.02.2017
Сообщений: 24

рони
По функционалу то, что надо. Потом правда оформлением придется заняться, чтобы превьюхи затенялись и проявлялись, в зависимости от выбора, но до этого еще надо дойти.
А пока скажи, куда и как мне этот атрибут добавить, чтобы и у меня заработало так же, как у тебя на флешке.
Ответить с цитированием
  #6 (permalink)  
Старый 03.03.2017, 16:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

kuzyaka,
про атрибут были мыслии вслух , в ссылку добавить
<a class="modal" rel="1111" title="forum" data-id="0" href="http://fancyapps.com/fancybox/demo/1_b.jpg" data-src="['фото1a', 'фото1b' ,'фото1c']" ><img src="http://fancyapps.com/fancybox/demo/1_s.jpg"></a>

если кнопку заказать знаешь как добавить, то и циклом по массиву, кнопки сделаешь.
Ответить с цитированием
  #7 (permalink)  
Старый 04.03.2017, 11:33
Интересующийся
Отправить личное сообщение для kuzyaka Посмотреть профиль Найти все сообщения от kuzyaka
 
Регистрация: 27.02.2017
Сообщений: 24

рони,
Передал я в форму fancyBox через data-src ссылки на превью и создал там три кнопки с превью.
Только непонятно как мне теперь менять основное изображение при нажатии на превью-кнопки?

Последний раз редактировалось kuzyaka, 04.03.2017 в 11:46.
Ответить с цитированием
  #8 (permalink)  
Старый 04.03.2017, 11:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

kuzyaka,
$(".fancybox-image").attr("src", arr[0]) как-то так
Ответить с цитированием
  #9 (permalink)  
Старый 04.03.2017, 11:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

kuzyaka,
очередная картинка, вдруг заинтересует
Ответить с цитированием
  #10 (permalink)  
Старый 04.03.2017, 12:56
Интересующийся
Отправить личное сообщение для kuzyaka Посмотреть профиль Найти все сообщения от kuzyaka
 
Регистрация: 27.02.2017
Сообщений: 24

Сообщение от рони
вдруг заинтересует
рони, меня именно это и интересует, как по функционалу, так и по оформлению, со всеми выравниваниями, затенениями и выделениями.
Только что толку смотреть кино, мне бы код этого кино посмотреть, а то у меня с намеками типа "как-то так" пока не получается.

Последний раз редактировалось kuzyaka, 04.03.2017 в 13:09.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь с AJAX Sergio022 AJAX и COMET 13 09.08.2014 23:50
Fancybox много картинок z0rgoyok Элементы интерфейса 0 25.02.2012 03:50
fancybox + слайдер на jQuery mantgomery jQuery 1 03.02.2012 21:03
Слайдер не отрабатывает несколько картинок SinX Элементы интерфейса 1 15.05.2011 22:28
Fancybox 1.2 и доп. скрипт Nevil jQuery 3 20.01.2011 12:37