Ich habe nun, hier in diesem Beispiel, 2 unterschiedlichen Galerien auf einer Seite, nämlich die Galerien “Garten” und “Katze”. Für die nächste Galerie zieht Ihr Euch dann wieder ein Textfeld auf und fügt den Code wieder in die HTML des Textfeldes ein. Um die Galerien unterschiedlich und mit der eigenen Anzahl der Fotos (hier jeweils 8) darstellen zu können, müsst Ihr folgendes tun:
Erstellt nun Eure erste Galerie und wählt bei “Gallery ID” die Zahl “1” für diese erste Galerie aus. Bei der nächsten (zweiten) Galerie wählt Ihr dann dort die Zahl “2”. So erstellt die Software für jede Galerie eine eigene “ID”, CSS-Datei sowie eigene Ordner für die Fotos und Thumbnails.
In der, von Visual Lightbox generierten, index.html findet Ihr dann auch eine neue Verlinkung zu der passenden CSS-Datei, die dann z.B. “vlightbox2.css” heißt (für die 2. Galerie). Diese Verlinkung tragt Ihr dann zusätzlich in den “Head” Bereich Eurer Seite ein. Es steht dann also für jede Galerie eine eigene CSS-Datei im “Head” der Seite, in meinem Beispiel hier sind es zwei, wie Ihr oben im “Head” sehen könnt:
|