Öffnen Sie die Bildergalerie beim Klicken auf den Link

Ich habe ein sehr einfaches WordPress-Problem, aber ich kämpfe immer noch darum, die Lösung herauszufinden. Ich habe ein Anker-Tag und möchte, dass es eine Bildergalerie in einem Leuchtkasten öffnet (als Standardverhalten, wenn der Benutzer auf eines der Bilder aus der Bildergalerie klickt).

Die Bildergalerie sollte ansonsten verborgen sein, nur sichtbar, wenn der Benutzer auf den Link “Galerie anzeigen” klickt.

Hier ist der Code:

 View gallery 

Kann mir bitte jemand helfen? Wie binde ich die beiden Elemente zusammen? Gibt es einen einfachen Weg, wie die class auf den Anker-Tag und den Namen des Selektors auf den Galery-Tag zu setzen (wie X-Thema macht es leicht gemacht) oder muss ich den Leuchtkasten-Code von Grund auf neu schreiben? Es wäre sehr geschätzt.

Solutions Collecting From Web of "Öffnen Sie die Bildergalerie beim Klicken auf den Link"

So wie ich es verstehe, möchten Sie ein div Element div , das die Galerie enthält, wenn Show Gallery gedrückt wird – ansonsten zu hidden.

Dies kann mit einigen jQuery-Zeilen erreicht werden:

 $( ".show" ).click(function() { $( ".gallery" ).addClass( "display" ); }); 

Mit dem passenden CSS. Siehe jfiddle Denken Sie daran, jquery in Ihr Thema aufzunehmen, wenn es das nicht enthält.