Bildergalerie mit 4 Spalten

Wie erstelle ich eine Bildergalerie mit 4 Spalten in Extbase/Fluid?

1. Neue Extension erstellen oder bestehende verwenden

Wie erstelle ich eine neue Extension?

2. Controller vorbereiten

In unserer Extension Bildergalerie nehmen wir die Action List und übergeben per assign die Bilder aus dem Repository.

<?php
    /**
     * action list
     *
     * @return void
     */
    public function listAction() {
        $photos = $this->photoRepository->findAll();
        $this->view->assign('photos', $photos);
    }

3. Mit Fluid Bilder ausgeben

Um die Bilder jetzt in einer 4-Spalten-Ansicht auszugeben verwende ich verschiedene Fluid View Helper:

f:for – damit loope ich durch alle Bilder
mit dem Attribut cycle erhalte ich den aktuellen Durchlaufswert, mit dem ich nachher das 4-Spalten-Element berechne.
f:image – zur Anzeige des Bildes

4. Fluid Code

<f:for each="{photos}" as="photo" iteration="iteration">
     <f:image src="upload/tx_bildergalerie/{photo.source}" width="200" height="150" alt="Mein Bild {photo.caption}" />
     <f:if condition="{iteration.cycle}%4==0"><br/></f:if>
</f:for>

Dieser Code zeigt nur die Möglichkeit wie man mit Fluid einfach eine Bildergalerie mit vier Spalten erstellen kann.

Hast du einen Fehler gefunden? Schreibe an: http://www.extbasefluid.com/anfrage/
comments powered by Disqus