photoswipe点击外部元件

Question

当鉴于codepen标准Photoswipe演示显示第一张幻灯片在同一页面的html段落中说一个文本链接，点击该链接将打开其中一个图库的第一个图像。

像这样的东西（不，当然工作）

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

我初始化photoswipe从页面加载就像codepen例如DOM，我在这里看到的其他问题也问一个类似的功能，但这些答案也初始化onclick photoswipe，所以我不想这样做。不知怎的，我需要触发已经打开的实例。

Answer 1

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

所以，如果我要显示的页面，它被包裹在一个div和galId3 ID在画廊3，我可以做这样的事情：

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

然后JS ...

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