@mxbeat

Как из js открыть конкретное фото в галерее с помощью Fancybox?

Есть HTML, в котором три кнопки:

<div class="button">image 1</div>
<div class="button">image 2</div>
<div class="button">image 3</div>


По клику на любую из кнопок открывается галерея fancybox с помощью js:

var gallery = [
		{src: 'https://m-coder.ru/mywork/decomaster2/img/gallery-hi-tech/gallery-img1.jpg'},
		{src: 'https://m-coder.ru/mywork/decomaster2/img/gallery-hi-tech/gallery-img2.jpg'},
		{src: 'https://m-coder.ru/mywork/decomaster2/img/gallery-hi-tech/gallery-img3.jpg'},
	];
	
$('.button').click(function (e) { 
	e.preventDefault();
	Fancybox.show(gallery, {
            // Your options go here
       });
});


Сейчас по клику на любую кнопку галерея открывается начиная с 1 фото. Подскажите, как сделать, чтобы по клику на кнопку "image 2" галерея открывалась начиная со 2 фото, а при клике на кнопку "image 3" - с 3 фото, и кнопка1 - фото1 соответственно?

Рабочий пример: https://codepen.io/maxbeat/pen/ExEyQbO
  • Вопрос задан
  • 30 просмотров
Решения вопроса 1
@cheeroque
Всё как обычно есть в документации.

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы