it-swarm.com.de

Laden Sie die gesamte NextGEN-Galerie von einem einzelnen Thumbnail?

Ich verwende die NextGEN-Galerie von Alex Rabe in vielen Client-Sites als zentrales Bild-Repository und muss häufig eine ganze Galerie in einen Leuchtkasten laden (der über ein einzelnes Vorschaubild aufgerufen wird), ohne dass mehr als ein einzelnes Vorschaubild angezeigt wird Seite.

Auf diese Weise könnte eine Seite eine Reihe von vier Miniaturansichten enthalten, wobei jede Miniatur beim Klicken eine andere Gruppe von Bildern in einer Lightbox öffnet.

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

4
aendrew

Gib alle Bilder jeder Galerie in deinem HTML aus. Verwenden Sie ein Ankertag, das auf das Vollbild um jedes Miniaturbild verweist. Je nachdem, welches Lightbox-Plugin Sie bevorzugen, gruppieren Sie alle Bilder aus derselben Galerie (häufig mit dem Attribut rel in HTML). Zu diesem Zeitpunkt verstecken Sie nur alle bis auf eine Miniaturansicht pro Galerie. Hängen Sie Ihr Lightbox-Plugin in die Galerien ein.

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

4
Geert

Die Bilder sind bereits nach gallery gruppiert, daher müssen Sie nur die Galerie bestimmen, zu der das einzelne Bild gehört (die ich think ist $image->galleryid), und dann rel="lightbox[$gallery]" in das Ankertag einfügen in Ihrer singlepic.php Vorlagendatei.

Also so etwas (in der singlepic.php NextGen Gallery-Vorlagendatei:

<?php
$galleryid = $image->galleryid;
?>
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> rel="lightbox[<?php echo $galleryid; ?>]" >
...
</a>
?>

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

3
Chip Bennett

Ab 2015 und NextGen 2.0. Hacken Sie das nicht, verwenden Sie Shortcodes, um ein einzelnes Bild anzuzeigen, und führen Sie dann zur Lightbox:

[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 .

2
Frank Nocke

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

/* 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; }
0
Angela Bowman