6.3 Bild oder Galerie

Beispiel Einzelbild-Galerie

Beispiel Einzelbild-Galerie

 Quelle: Daniel Nartischick

Bild oder Galerie

Um ein Bild oder eine Bildgalerie zu erzeugen, wird das Content Element BILD ODER GALERIE verwendet.

In diesem Element können entweder ein bis mehrere Einzelbilder eingebunden oder ein ganzer Ordner aus der Dateiliste zugewiesen werden.

Das Content Element BILD ODER GALERIE verarbeitet Bilddateien mit folgenden Endungen:

  • jpg
  • jpeg
  • png
  • gif

Damit Bilder layoutgerecht und auf jedem Endgerät optimal angezeigt werden, sollten die Bilder in der Mindestgröße von 1600 Pixel (Format 16:9) der kürzestens Seite eingebunden werden.

HINWEIS:
Bevor eine oder mehrere Bilder in einer Galerie eingebunden werden können, müssen diese zuvor über das Modul DATEILISTE hochgeladen werden.

Beispiel Mehrbild-Galerie

Beispiel Mehrbild-Galerie - BILD 1 von 3

 Quelle: Udk Berlin
Test

Beispiel Mehrbild-Galerie - BILD 2 von 3

 Quelle: UdK Berlin

Beispiel Mehrbild-Galerie - BILD 3 von 3

 Quelle: UdK Berlin

Einzelbild / Einzelbildgalerie anlegen

Falls Ihre Ansicht z.B. farblich von der im Handbuch abweicht, liegt dies lediglich an verschiedenen Versionen von Typo. Die Aktionen der Symbole bleiben gleich.

1) Klicken Sie im Inhaltsbereich INHALTE auf einer Detailseite den Button "Neuen Datensatz an diesem Ort einfügen" klicken. Am besten Sie klicken an der Stelle, an der das Content Element auch platziert werden soll. Befindet sich das Content Element nicht an der richtigen Position, kann es später jederzeit verschoben werden.

 Quelle: UdK Berlin

2) Klicken Sie in der Liste der Inhaltselemente auf BILD ODER GALERIE.

 Quelle: UdK Berlin

3) Im Reiter ALLGEMEIN der Bildgalerie wird zuerst eine Überschrift eingegeben. Im Pull-Down Menü "Typ" kann die Sichtbarkeit der Überschrift im Frontend definiert werden.

 Quelle: UdK Berlin

4) Durch Klick auf den Button "Bild hinzufügen" wird die Dateiliste in einem neuen Fenster geöffnet. Hier wird nun in den entsprechenden Ordner navigiert, indem das/die Bild/er gespeichert sind.

 Quelle: UdK Berlin

5) Es können ein oder mehrere Bilder durch das Setzen von Häkchen in den Checkboxen vor den Bildern ausgewählt werden. Die Bildauswahl wird dann durch Klick auf den Button "Auswahl importieren" in die Galerie übernommen.

 Quelle: UdK Berlin

6) Die Bilder wurden in der Galerie eingefügt. Es können nun die Metainformationen und die Bildunterschrift, durch Setzen des Häkchens an der jeweiligen Checkbox und Texteingabe in das Textfeld gepflegt werden.

 Quelle: UdK Berlin

7) Die Reihenfolge der Bilder kann jederzeit per Drag n Drop geändert werden. Dazu mit dem Cursor über die geriffelte Linie am rechten Rand eines Bilditems fahren, bis der Cursor zu einem Kreuz wird. Nun die linke Maustaste gedrückt lassen und das Bild nach oben oder unten verschieben. Ist das Bild an der richtigen Position wird die linke Maustaste wieder losgelassen.

 Quelle: UdK Berlin

8) Klicken Sie den Button "Speichern", um die Bildgalerie bzw. Änderungen zu sichern.

 Quelle: UdK Berlin

Bildgalerie mit Referenz auf Bildordner anlegen

1) Klicken Sie im Inhaltsbereich INHALTE auf einer Detailseite den Button "Neuen Datensatz an diesem Ort einfügen" klicken. Am besten Sie klicken an der Stelle, an der das Content Element auch platziert werden soll. Befindet sich das Content Element nicht an der richtigen Position, kann es später jederzeit verschoben werden.

 Quelle: UdK Berlin

2) Klicken Sie in der Liste der Inhaltselemente auf BILD ODER GALERIE.

 Quelle: UdK Berlin

3) Im Reiter ALLGEMEIN der Bildgalerie wird zuerst eine Überschrift eingegeben. Im Pull-Down Menü "Typ" kann die Sichtbarkeit der Überschrift im Frontend definiert werden.

 Quelle: UdK Berlin

4) Nun wird der Ordner mit der Bildersammlung eingebunden. Dazu das Häkchen in der Checkbox "Benutze Ordner statt Referenzen..." setzen.

 Quelle: UdK Berlin

5) Das Meldungsfenster, welches die Änderungen von Formularfeldern ankündigt, durch Klick auf den Button "OK" schließen.

 Quelle: UdK Berlin

6) Im Eingabefeld "Galerie Ordner" klicken Sie nun auf den Button "Link".

 Quelle: UdK Berlin

7) Im Pop-Up Fenster der Dateiliste navigieren Sie in den Ordner, der die Bildersammlung enthält und klicken auf den Ordnerpfad.

 Quelle: UdK Berlin

8) Der Ordner wurde eingebunden. Klicken Sie den Button "Speichern", um die Bildgalerie zu sichern.

 Quelle: UdK Berlin

Verwandte Themen