如何通过单击按钮从特定的 fancybox 画廊打开特定的画廊项目？

Question

所以我在一个房地产网站上为属性页面制作了一个 Fancybox 画廊。此图库同时显示属性图片和平面图。

在属性页面上，我有一个打开平面图的按钮，但是如何打开特定的画廊项目，在本例中是平面图？

这是我的代码，我可以在其中找到平面图画廊项目的索引。

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();，但这会创建一个新的 instance/new 图库。

如何通过单击按钮从特定的 fancybox 画廊打开特定的画廊项目？

Answer 1

您似乎在寻找 data-fancybox-trigger 功能，请参阅 https://fancyapps.com/fancybox/3/docs/#usage and https://codepen.io/fancyapps/pen/VGoRqO?editors=1010 获取演示，例如：

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

如何通过单击按钮从特定的 fancybox 画廊打开特定的画廊项目？

How to open a specific gallery item from a specific fancybox gallery by clicking a button?

javascript

jquery

fancybox