Как сделать так, чтобы при нажатии на кнопку открывалась галерея fancybox?

Question

Mila

javascript , fancybox

Как сделать так, чтобы при нажатии на кнопку открывалась галерея fancybox?

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

23 июня 2024 г. 15:11

Ответы на вопрос 2

Похожие вопросы

Answer 1

Для открытия галереи FancyBox при нажатии на кнопку, вам нужно просто добавить атрибут `data-fancybox` к вашей кнопке и указать значение равное имени группы галереи.

Пример HTML кода:

```html
<button data-fancybox="gallery1">Открыть галерею</button>

<a data-fancybox="gallery1" href="image1.jpg"><img src="thumbnail1.jpg"></a>
<a data-fancybox="gallery1" href="image2.jpg"><img src="thumbnail2.jpg"></a>
<a data-fancybox="gallery1" href="image3.jpg"><img src="thumbnail3.jpg"></a>
```

В данном примере, при нажатии на кнопку "Открыть галерею", будет открыта галерея с изображениями image1.jpg, image2.jpg и image3.jpg.

Также, вы можете добавить атрибут `data-fancybox` к изображениям в галерее, чтобы галерея открывалась при их клике. 

Надеюсь, это поможет вам реализовать вашу задачу!

Answer 2

<button data-fancybox-trigger="gallery" data-fancybox-index="0">Open gallery</button>