11.8 Wie geht es weiter?

Sie haben jetzt die Möglichkeit, unterschiedlichen Benutzerrollen bis auf Feldebene Zugriff auf Ihre kleine Autoverwaltung zu geben. Was jetzt noch fehlt, ist:

• eine Liste aller Fahrzeuge, vielleicht sogar pro Standort, Typ oder Hersteller des Fahrzeugs

• Wenn der Standort angezeigt wird, könnte an der Seite ein Block mit den Autos an diesem Standort auftauchen.

• Ansonsten wäre eine Slideshow der Fahrzeugbilder schön. Per Klick auf das Bild sollte man zum entsprechenden Fahrzeug gelangen.

Die ersten beiden Punkte werden Sie im nächsten Kapitel mit dem Views-Modul erledigen. Die Slideshow können Sie eben noch schnell in diesem Kapitel erledigen!

11.8.1 Eine Slideshow für die Fahrzeuge

Die Slideshow ist völlig unabhängig von Ihren Fahrzeugen konfigurierbar und funktioniert mit JavaScript. Sie können das Beispiel in Funktion auf der Website zum Buch sehen:

http://drupal.cocoate.com/de/node/36

Laden Sie die Module Slideshow Creator (slideshow_creator-6.x-1.27.tar.gz) und JQuery Plugin (jquery_plugin-6.x-1.3.tar.gz) von den jeweiligen Projektseiten³ oder der Buch-CD und entpacken Sie sie in den Ordner /sites/all/modules. Aktivieren Sie beide Module unter Verwalten – Strukturierung – Module.

Die Slideshow wird als Filter in einem Eingabeformat benutzt. Sie müssen daher unter Verwalten – Einstellungen – Eingabefomate das gewünschte Format auswählen und dort den Slideshow-Filter aktivieren (Abbildung 11.12).

Abbildung 11.12: Inhaltsfilter für die Slideshow aktivieren

Abhängig von der Größe Ihrer Bilder müssen Sie die Höhe und Breite der Slideshow festlegen. Das können Sie unter Verwalten – Einstellungen – Slideshow Creator tun. In meinem Fall passen 240 x 240 Pixel gut (Abbildung 11.13).

Abbildung 11.13: Slideshow-Einstellungen

Jede nachdem, wie Sie die Slideshow auf der Seite positionieren wollen, können Sie beispielsweise eine neue Seite oder auch einen neuen Block erstellen und Slideshow Creator Code in eckigen Klammern eingeben:

...slideshow:Version,img=|Bild_URL|Link|Titel|Beschreibung|Ziel|, img=|Bild_URL|Link|Titel|Beschreibung|Ziel|]

Version: die Version des Filters, momentan 2

Dann können Sie, jeweils durch ein Komma getrennt, beliebig viele Bilder angeben

Bild_URL: die Bild-URL

Link: Link zu einer Website, wenn jemand auf das Bild klickt

Titel: der Text über oder neben dem Bild (je nach Konfiguration)

Beschreibung: der Text über oder neben dem Bild (je nach Konfiguration)

Target: Wenn das Bild verlinkt ist, können Sie hier ein Ziel eingeben (Target-Attribut), _blank (Standardeinstellung) öffnet ein neues Fenster, _parent und _top werden bei Frames benutzt, und _self öffnet den Link im gleichen Fenster.

Hier das oben bereits genannte Beispiel:

...slideshow: 2, img=|http://drupal.cocoate.com/sites/default/files/u1/smart1_bild1.jpg|http://drupal.cocoate.com/node/32|Smart Cabrio|Der ultimative Fahrspass|Smart|,img=|http://drupal.cocoate.com/sites/default/files/u1/smart1_bild2.jpg|http://drupal.cocoate.com/node/32|Smart Cabrio|Der ultimative Fahrspass|Smart|,Fahrspass|Nissan|,img=|http://drupal.cocoate.com/sites/default/files/u1/nissan_bild1.jpg|http://drupal.cocoate.com/node/35|kennt keiner|Der ultimative Fahrspass|Nissan|,Fahrspass|Nissan|,img=|http://drupal.cocoate.com/sites/default/files/u1/nissan_bild2.jpg|http://drupal.cocoate.com/node/35|kennt keiner|Der ultimative Fahrspass|Nissan|]

Außer dieser vorgegebenen Struktur können Sie auch Bilder aus einem Ordner anzeigen, wenn Sie

...slideshow:Version, dir=|Bild_Ordner|Rekursiv|Link|Titel|Beschreibung|Ziel|]

benutzen. In diesem Fall stehen die Variablen für:

Version: die Version des Filters, momentan 2

Dann können Sie, jeweils durch ein Komma getrennt, Bildordner angeben

Bild_Ordner: Das Bild-Verzeichnis

Rekursiv: Geben Sie "yes" ein, wenn Sie auch die Unterordner mit erfassen wollen; wenn nicht, einfach leer lassen.

Links: Geben Sie "yes" ein, wenn Sie hinter alle Bilder einen Link legen wollen; wenn nicht, einfach leer lassen. In unserem Fall ein Link zur Fahrzeugliste, die wir in Abschnitt 12 erzeugen werden.

Titel, Beschreibung und Ziel gilt für alle Bilder.

Zur Slideshow noch ein paar Anmerkungen:

• Die Titel und Bilder der Slideshow sind linksbündig, die Beschriftung darunter zentriert, je nachdem, was Sie in der Konfiguration eingestellt haben und wie groß die Bilder sind.

• Die Beschriftung ist noch in Englisch (Previous Slide 4/4 Next, "Previous", "Next"), da es momentan keine deutsche Sprachdatei gibt.

• Die Slideshow soll ein Beispiel sein, um die Möglichkeiten der Interaktion zu demonstrieren. Gerade in Bezug auf die Bildverwaltung mit CCK-Feldern sind momentan viele Projekte am Start, die aber den Rahmen des Kapitels schlichtweg sprengen würden.

• Weiterführende Drupal-Rezepte werden Sie auf der Website zum Buch finden⁴.