Ich versuche dieses jquery-Plugin zu erstellen = & gt; Ссылка arbeite mit mehreren Galerien auf derselben Seite.
Das Problem ist, jedes Mal wenn ich auf ein Bild von einer bestimmten Galerie klicke, bekomme ich alle Bilder von allen Galerien auf der gleichen Seite. Nehmen wir an, ich habe 2 Galerien mit jeweils 6 Fotos. Wenn ich auf ein Bild von Galerie 1 klicke, sehe ich auch die Bilder von Galerie 2.
Ich habe so etwas versucht, damit es funktioniert, aber kein Erfolg:
%Vor%Leider funktioniert es nicht !!!
Was ist die Problemumgehung dafür?
Ich versuche noch einmal, die Bilder in ihrer eigenen Galerie zu sehen. Ich möchte nicht, dass alle Bilder wie eine Galerie behandelt werden.
Dies ist ein Patch für Bens Antwort, für diejenigen, die mehrere Galerien verwenden möchten, oder einfach den Lightbox-Effekt zu einem Bild hinzufügen, verwenden Sie es innerhalb Ihres <head>...</head> -Tags
Hier ist der Code (Hinweis: Ich habe die Variable $ für jQuery geändert, es funktioniert besser für mich):
Dies ist ein Beispiel, das alle möglichen Verwendungen mischt, sie können alle im selben HTML arbeiten, hier haben wir zwei Galerien und eine dritte ohne Namen, nur die "Lightbox" Referenz:
%Vor%Ich hoffe, das hilft!
Ich mache es so:
%Vor%Auf diese Weise müssen Sie jede Galerie in einer Art Container platzieren, und Sie erhalten ein Bildset pro Container, zum Beispiel werden im Folgenden zwei Bildersets erstellt:
%Vor%Sie könnten stattdessen den 'a' Selektor verwenden, aber ich finde '.lightbox' bietet mehr Flexibilität.
Alles, was Sie brauchen, ist Lightbox 2, das Sie über den folgenden Link erhalten können.
%Vor%Sie können Ihre verschiedenen Sets mit "lightbox [roadtrip]" einstellen, indem Sie einfach den "roadtrip" mit dem gewünschten Namen Ihrer Galeriegruppe umbenennen. Keine Notwendigkeit, für etwas extra zu codieren
Vielleicht hat sich der Leuchtkasten geändert, seit andere Antworten gegeben wurden, aber ich dachte, die Antworten auf dieser Seite wären gut, aber dann habe ich entdeckt, dass ich einfach tun konnte:
%Vor%Das setzt eine HTML-Struktur von:
voraus %Vor%Die Wrapper-Klasse wird nicht benötigt, denke ich, aber mein Code enthielt sie aus anderen Gründen.
Ich kann nicht sagen, dass ich vorher mit diesem speziellen Plugin gearbeitet habe, aber normalerweise fügst du ein rel=lightbox[foo] zum Verknüpfungselement hinzu. Foo wird für jede Galerie auf der Seite eindeutig sein.
Hoffe, das bringt dich auf den richtigen Weg; Ansonsten gibt es Dutzende anderer Lightbox-Plugins, die Sie verwenden können.
Hier ist, wie ich die grundlegende jquery Leuchtkasten in der ursprünglichen Frage verknüpft mit mehreren Galerien gemacht haben. Keine Hacks oder so etwas. Funktioniert einwandfrei.
Ich habe jedem Leuchtkasten einen eigenen Namen gegeben:
%Vor%Dann sieht mein HTML so aus:
%Vor%Und voila, ich habe 2 separate Galerien.
Sie können das auch ohne JavaScript mit den Datenattributen tun.
%Vor%Es funktioniert auch, wenn die Bilder in der Seite vermischt sind.
%Vor%Tags und Links javascript jquery wordpress lightbox