BUND Bund für Umwelt und Naturschutz Deutschland


Shadowbox (Bildergalerie)

Mit diesem Plug-In können Sie auf Ihrer Internetseite eine Bildergalerie einbauen. Die Bilder werden dabei auf der Seite als Vorschaubild (Thumbnail) angezeigt. Sobald Ihr Besucher darauf klickt, vergrößert sich die Ansicht in einer sogenannten Lightbox, um das Bild optimal hervorzuheben. Über ein Menü kann zwischen den einzelnen Bildern bequem hin- und hergeblättert werden.

Bitte beachten Sie, dass für einige Funktionen dieses Plug-Ins im Browser Ihres Besuchers JavaScript aktiviert sein muss. Wenn dies nicht der Fall ist, wird durch Anklicken eines Bildes entweder ein neues Fenster geöffnet und das Bild direkt angezeigt oder der Browser sollte einen Download zur Verfügung stellen.

Nachdem Sie den Typ Plug-In einfügen für das Inhaltselement ausgewählt haben, steht Ihnen der Reiter Plug-In zur Verfügung. In diesem wählen Sie das gewünschte Plug-In aus. In diesem Fall Shadowbox (Bildergalerie).

Wählen Sie nun den Modus aus, mit dem Sie Bilddateien in Ihre Galerie einbinden möchten. Ihnen stehen dafür verschiedene Modi zur Verfügung:

Reiter Plug-In
Reiter Plug-In
(zum Vergrößern anklicken)

Wenn Sie einfach alle Dateien aus einem bestimmten Ordner in die Galerie aufnehmen möchten, wählen Sie den Modus Dateipfad aus. Sie werden nun aufgefordert, den Dateipfad anzugeben. Klicken Sie einfach auf das Symbol hinter dem Feld. In einem neuen Fenster können Sie nun den entsprechenden Ordner auswählen. Wählen Sie diesen zuerst in der Ordnerstruktur, dann unter Dateien aus.

Wenn Sie einzelne Bilder aus unterschiedlichen Ordnern einbinden möchten, dann wählen Sie den Modus DAM. Wählen Sie den Ordner, der Ihre Dateien enthält zuerst in der Ordnerstruktur aus, anschließend wählen Sie über das schwarze Plus die Dateien aus. Abschließend schließen Sie das Fenster.

Wenn Sie Inhalte von Seiten in die Galerie aufnehmen möchten, dann wählen Sie den Modus Inhalt. Wählen Sie die einzelnen Elemente über das schwarze Plus aus und schließen Sie abschließend das Fenster.

Die letzte Möglichkeit besteht darin, Bilder von fremden Internetseiten einzubinden. Dafür wählen Sie den Modus Externe URL. Geben Sie in jeder Zeile die Internetadresse eines anderen Bildes an. Bedenken Sie jedoch, dass Bilder, die Sie von fremden Seiten einfügen möglicherweise irgendwann nicht mehr zur Verfügung stehen.

Sie können nun jedem Bild eine Beschreibung hinzufügen (Link Bezeichnung). Diese erscheint, wenn der Nutzer den Mauszeiger über dem Bild schweben lässt sowie oberhalb des Bildes, wenn es in der Lightbox geöffnet wurde.

In den Modi Dateipfad und DAM können Sie angeben, ob Vorschaubilder (Thumbnails) ausgegeben werden sollen und die Größe dieser Thumbnails beeinflussen. Geben Sie dafür entweder Höhe oder Breite an. Wenn Sie nichts angeben, greift das System auf einen voreingestellten Wert zurück. Sie können das Häkchen bei Thumbnail auch entfernen, dann erscheinen reine Links zu den Bildern.

Weiterhin können Sie die Breite und die Höhe der Lightbox beeinflussen. Auf diese Weise können Sie zum Beispiel dafür sorgen, dass die Größe der Lightbox nicht mit jedem Bild variiert. Beachten Sie jedoch, dass nur die maximale Darstellungsgröße davon betroffen ist. Bilder, die kleiner als die angegebenen Werte sind, werden nicht vergrößert.

Um wirklich eine Bildergalerie zu erzeugen, müssen Sie das entsprechende Häkchen setzen. Ihnen werden daraufhin zwei zusätzliche Optionen angeboten:

  • zeige nur erstes Element
  • Anzahl der Elemente, die maximal gezeigt werden sollen

Wenn Sie das Häkchen bei der ersten Option setzen, wird nur das erste Bild angezeigt. Die anderen Bilder sind dann durch das Durchblättern der Galerie erreichbar. Alternativ können Sie die Anzahl der Vorschaubilder bestimmen.

Quelle: http://bund-cms.net/dokumentation/seiteninhalte/inhaltstyp_auswaehlen/plug_in_einfuegen/shadowbox_bildergalerie/