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

Question

[mxbeat]

Есть 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

Answer 1

[Юрий]

Всё как обычно есть в документации.