Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Нужен слайдер из доп. картинок на fancyBox. (https://javascript.ru/forum/jquery/67703-nuzhen-slajjder-iz-dop-kartinok-na-fancybox.html)

kuzyaka 03.03.2017 14:36

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

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

рони 03.03.2017 15:23

kuzyaka,
может проще для каждой картинки запускать свою галерею с превью.

kuzyaka 03.03.2017 15:50

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

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

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

рони 03.03.2017 16:11

Цитата:

Сообщение от kuzyaka
Добавить под фото три нужных картинки и при клике на них менять основное изображение.

можно и так, если добавить атрибут data-src="[фото1a, фото1b ,фото1c]" , то совсем просто будет.

kuzyaka 03.03.2017 16:20

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

рони 03.03.2017 16:34

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>

если кнопку заказать знаешь как добавить, то и циклом по массиву, кнопки сделаешь.

kuzyaka 04.03.2017 11:33

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

рони 04.03.2017 11:48

kuzyaka,
$(".fancybox-image").attr("src", arr[0]) как-то так :)

рони 04.03.2017 11:55

kuzyaka,
очередная картинка, вдруг заинтересует :)

kuzyaka 04.03.2017 12:56

Цитата:

Сообщение от рони
вдруг заинтересует

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


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