photoswipe - Die erste Folie, wenn ein externes Element

Question

Angesichts der Standard Photoswipe Demo auf codepen klicken:

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

Ich frage mich, wie ein Element hinzuzufügen, z.B. Sagen Sie einen Textlink innerhalb eines HTML-Abschnitts auf derselben Seite, der beim Anklicken das erste Bild einer der Galerien öffnet.

So etwas (was natürlich nicht funktioniert)

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

I photoswipe vom dom auf Pageload ebenso wie das codepen Beispiel initialisieren, und ich habe die anderen Fragen hier gesehen, dass Sie auch nach eine ähnliche Funktionalität, aber die Antworten für diese initialisieren auch die Fotowipe im Onclick, also möchte ich es nicht so machen. Irgendwie muss ich die Instanz, die bereits geöffnet ist, auslösen.

Answer 1

War viel einfacher als ich dachte. Sie müssen nur den Link der ersten Folie auswählen und einen Klick darauf simulieren. Angenommen, Sie haben Ihre Fotowipe über dom onload wie im Standardbeispiel initialisiert.

Also, wenn ich Galerie 3 auf der Seite angezeigt werden soll, die in einem div mit und ID von galId3 gewickelt ist, kann ich so etwas tun:

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

Dann werden die js ...

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