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(); 
}