03.03.2017, 14:36
|
|
Интересующийся
|
|
Регистрация: 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.
|
|
03.03.2017, 15:23
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
|
kuzyaka,
может проще для каждой картинки запускать свою галерею с превью.
|
|
03.03.2017, 15:50
|
|
Интересующийся
|
|
Регистрация: 27.02.2017
Сообщений: 24
|
|
|
рони
Можно и так, только там придется на следующий и предыдущий переходы как-то вешать загрузку новой коллекции из трех фото.
Да и стандартный слайдер модифицировать придется, что б хотя бы превьюшки сидели смирно и не двигались.
А можно, например, как ты меня научил добавлять кнопки.
Добавить под фото три нужных картинки и при клике на них менять основное изображение.
Правда тут придется попотеть с оформлением.
А что тут проще - шут его знает, пока не начнешь пробовать.
Для меня пока что всё сложно.
Последний раз редактировалось kuzyaka, 03.03.2017 в 15:54.
|
|
03.03.2017, 16:11
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
|
Сообщение от kuzyaka
|
|
Добавить под фото три нужных картинки и при клике на них менять основное изображение.
|
можно и так, если добавить атрибут data-src="[фото1a, фото1b ,фото1c]" , то совсем просто будет.
 |
|
03.03.2017, 16:20
|
|
Интересующийся
|
|
Регистрация: 27.02.2017
Сообщений: 24
|
|
|
рони
По функционалу то, что надо. Потом правда оформлением придется заняться, чтобы превьюхи затенялись и проявлялись, в зависимости от выбора, но до этого еще надо дойти.
А пока скажи, куда и как мне этот атрибут добавить, чтобы и у меня заработало так же, как у тебя на флешке.
|
|
03.03.2017, 16:34
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
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>
если кнопку заказать знаешь как добавить, то и циклом по массиву, кнопки сделаешь.
|
|
04.03.2017, 11:33
|
|
Интересующийся
|
|
Регистрация: 27.02.2017
Сообщений: 24
|
|
|
рони,
Передал я в форму fancyBox через data-src ссылки на превью и создал там три кнопки с превью.
Только непонятно как мне теперь менять основное изображение при нажатии на превью-кнопки?
Последний раз редактировалось kuzyaka, 04.03.2017 в 11:46.
|
|
04.03.2017, 11:48
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
kuzyaka,
$(".fancybox-image").attr("src", arr[0]) как-то так 
|
|
04.03.2017, 11:55
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
kuzyaka,
очередная картинка, вдруг заинтересует
|
|
04.03.2017, 12:56
|
|
Интересующийся
|
|
Регистрация: 27.02.2017
Сообщений: 24
|
|
|
Сообщение от рони
|
|
вдруг заинтересует
|
рони, меня именно это и интересует, как по функционалу, так и по оформлению, со всеми выравниваниями, затенениями и выделениями.
Только что толку смотреть кино, мне бы код этого кино посмотреть, а то у меня с намеками типа "как-то так" пока не получается. 
Последний раз редактировалось kuzyaka, 04.03.2017 в 13:09.
|
|
|
|
