photoswipe - 单击外部元素时显示第一张幻灯片

Question

鉴于codepen上的标准Photoswipe演示：

https://codepen.io/dimsemenov/pen/ZYbPJM

我想知道如何添加元素，例如在同一页面上的html段落中说出一个文本链接，当点击它时，将打开其中一个图库的第一个图像。

像这样的东西（当然没有用）

<a href="" onClick="opengallery(0)">see gallery</a>

我在页面加载中从dom初始化photoswipe，就像codepen示例一样，我在这里看到了其他问题也要求类似的功能，但是这些问题的答案也会在onclick中初始化photoswipe，所以我不知道＃39;我想这样做。不知何故，我需要触发已经打开的实例。

Answer 1

比我想象的容易得多。只需要选择要显示的第一张幻灯片的链接，并模拟其上的点击。假设您已通过dom onload初始化了photoswipe，如默认示例所示。

因此，如果我想在页面上显示图库3，它包含在一个ID为galId3的div中，我可以这样做：

<p>This is a nice product. View <span onclick="initGallery(3)">the gallery</span></p>.

然后是js ......

function initGallery(gal) {
    $('#galId'+gal+' a:first').click();
}