Как открыть определенный элемент галереи c из определенной галереи fancybox c, нажав кнопку?

Question

Итак, я создал галерею Fancybox для страниц недвижимости на сайте недвижимости. В этой галерее отображаются как изображения свойств, так и план этажа.

На странице свойств у меня есть кнопка, чтобы открыть план этажа, но как открыть определенный элемент галереи c, который в данном случае является план этажа?

Это мой код, где я нахожу индекс элемента галереи плана этажа.

jQuery(document).ready(function() {
    var galleryItem = document.getElementById('drawing-item-1');
    var galleryItemIndex = jQuery(".property-gallery__item").index(galleryItem);

    jQuery('.launch-gallery-drawing').click(function(){
        // Open the gallery and display the correct item by the galleryItemIndex
    })
});

Я пытался использовать jQuery.fancybox.getInstance().jumpTo(galleryItemIndex);, но я думаю, что этот метод предназначен только для для открытого и активного экземпляра галереи, которого еще нет.

Я также попробовал jQuery.fancybox.open();, но это создает новый экземпляр / новую галерею.

Как открыть определенный элемент галереи c из указанной галереи fancybox c, нажав кнопку?

Answer 1

Похоже, что вы ищете data-fancybox-trigger функцию, см. https://fancyapps.com/fancybox/3/docs/#usage и https://codepen.io/fancyapps/pen/VGoRqO?editors=1010 для демонстрации, пример:

<a href="javascript:;" data-fancybox-trigger="preview" data-fancybox-index="3">
 Click me
</a>