Eine Bildergalerie erstellen

Mit untenstehendem Code-Schnipsel kann Roxen alle Bild-Dateien eines Ordners auf einer Seite ausgeben lassen.
Eine Sortierung ist nach Titel, Dateiname oder Modifizierungsdatum möglich.

Die Titel der einzelnen Bilder werden über die Metadaten ("Edit" > "Edit Metadata...") angegeben.

 

-> Um unnötig lange Ladezeiten zu vermeiden, achten Sie bitte darauf, dass die Bilder nicht zu groß hochgeladen werden.

Codeschnipsel

<div class="galerie">
  <emit source='dir' directory="" glob="*.JPG,*.jpg" sort="modification-date" notitle="" >
      <set variable='var.foo' value='& _.title;' />

      <a href="& _.filename;" class="intern" data-lightbox="foto-ordner" data-title="& _.title;">
        <div class="galerie-bild">
          <img src="& _.filename;" alt="& _.title;" />
          <if variable="var.foo > 0"><div class="galerie-bild-titel">& _.title;</div></if>
        </div>
      </a>

  </emit>
  <div class="clear"></div>
</div>

  Aus Darstellungsgründen sind hier Leerzeichen eingefügt. Vergessen Sie nicht diese zu entfernen, sonst funktioniert der Quellcode nicht.

  • Die Datei, in der Sie diesen Code platzieren, muss sich ebenfalls in dem Bild-Ordner befinden.
  • Unter dem Stichwort "sort" können Sie festlegen, wonach sortiert werden soll: Titel ("title"), Dateiname ("filename") oder Modifizierungsdatum ("modification-date").
  • Wenn Sie das notitle-Attribut aus dem <emit>-Tag löschen, werden nur Bilder angezeigt, bei denen in den Metadaten ein Titel hinterlegt ist.

Ist die Galerie auch in dem alten Template verwendbar?

Ja, die Galerie ist auch in dem alten Template (2013) verwendbar.

Hierbei sollten Sie dann darauf achten, dass in Ihrem Template Lightbox verfügbar ist oder es in Ihr/e Template/Seite integrieren. Lightbox ist zwar nicht zwingend erforderlich, jedoch sind die Bilder ohne Lightbox nicht im großen Format durchklickbar...



Zurück zur Style-Übersicht