Laden Sie die gesamte NextGEN Galerie aus einem einzelnen Thumbnail?

Ich benutze Alex Rabes NextGEN Galerie in vielen Kunden-Sites als zentralisiertes Bild-Repository und stelle fest, dass ich oft eine ganze Galerie in einen Leuchtkasten laden muss (aufgerufen über ein einzelnes Thumbnail), ohne mehr als ein einzelnes Thumbnail anzuzeigen Seite.

So könnte ich eine Reihe von vier Thumbnails auf einer Seite haben, wobei jedes Thumbnail beim Anklicken einen anderen Satz von Bildern in einem Leuchtkasten öffnet.

Irgendeine Idee, wie ich das machen könnte? Vielen Dank.

Solutions Collecting From Web of "Laden Sie die gesamte NextGEN Galerie aus einem einzelnen Thumbnail?"

Gib alle Bilder jeder Galerie in deinem HTML aus. Verwenden Sie ein Anker-Tag, das mit dem Vollbild um jede Miniaturansicht verknüpft ist. Abhängig vom Lightbox-Plugin, das du bevorzugst, gruppiere alle Bilder aus derselben Galerie (oft mit dem Attribut rel in HTML). An diesem Punkt verstecken Sie einfach alle bis auf eine Miniaturansicht pro Galerie. Haken Sie Ihr Lightbox-Plugin in die Galerien ein.

Schau es Dir an : http://jsfiddle.net/8WcUp/1/

Die Bilder sind bereits nach Galerie gruppiert, so dass Sie einfach die Galerie bestimmen müssen, zu der das einzelne Bild gehört (was ich für $image->galleryid ), und dann rel="lightbox[$gallery]" in das Anchor-Tag $image->galleryid in deiner singlepic.php Vorlagendatei.

So etwas in der singlepic.php NextGen Gallery Template-Datei:

 < ?php $galleryid = $image->galleryid; ?> thumbcode ?> rel="lightbox[< ?php echo $galleryid; ?>]" > ...  ?> 

Wenn das nicht funktioniert, lass es mich wissen und wir werden es herausfinden!

Ab 2015 und NextGen 2.0. Hacken Sie dies nicht, verwenden Sie Shortcodes, um ein einzelnes Bild anzuzeigen, und führen Sie dann zum Leuchtkasten:

 [ngg_images gallery_ids=7 display_type=photocrati-nextgen_basic_thumbnails disable_pagination=1 images_per_page=1 show_all_in_lightbox=1 show_slideshow_link=0] 

Weitere Dokumentation und nützliche Beispiele .

Fügen Sie diesen Stil einfach Ihrer nggallery.css-Datei hinzu, um nur das erste Bild in der Galerie anzuzeigen. Wenn Sie auf die Miniaturansicht klicken, werden im Lightbox-Effekt alle Bilder angezeigt. Kein PHP-Code benötigt:

 /* For NextGen Gallery. Displays thumbnails on a page, and when you click each thumbnail opens it's own gallery. Normally when you insert a gallery, it displays all the thumbnails in the gallery. This hack will hide all the thumbnails except the first one. Make sure you don't display [show slideshow], because that will be the first child. */ div.ngg-gallery-thumbnail-box { display:none; } div.ngg-galleryoverview div:first-child { display:block; }