TYPO3 MODULE: T3 Image Gallery

Beeindruckende Bildergalerien mit Thumbnail- und Vergrößerungsansicht schnell und unkompliziert erstellen.

Besonders im Internet kommt die Weisheit „Ein Bild sagt mehr als tausend Worte“ häufig zu tragen. Sei es zur Produktpräsentation, zur Darstellung des Unternehmens oder einfach zur Auflockerung der Inhalte – Bilder gehören zu jenen Inhalten, denen die User auf Webseiten besonders viel Aufmerksamkeit schenken.

Die beliebteste Präsentationsform für Bilder im Web sind dabei Bildergalerien, bei denen der User eine Liste kleiner Vorschaubilder zu sehen bekommt, die er dann mit einem Klick vergrößern und im Detail betrachten kann.

Um solche Bildergalerien zu realisieren gibt es eine Vielzahl an Diensten und Plattformen im World Wide Web, in denen Bilder hochgeladen, organisiert und anschießend in Galerien präsentiert werden können. Jedoch haben diese Dienste oft den Nachteil, dass sie den User von der eigentlichen Unternehmenswebseite wegleiten.

Mit dem TYPO3 Modul T3 Image Gallery von BlueChip können Content Manager von TYPO3 Webseiten ganz unkompliziert Bildergalerien erstellen, die direkt ins Design der Webseite integriert werden. Dabei werden dem Content Manager viele Handgriffe (wie beispielsweise das Erstellen der kleinen Vorschaubilder) automatisch abgenommen.

So können ansprechende Bildergalerien harmonisch in die eigene Webseite integriert werden - unabhängig von Agenturleistungen und lediglich zu den äußerst geringen Kosten dieses TYPO3 Moduls.

DOWNLOADS & LINKS


  T3 Image Gallery auf der Demo-WebSite »
  T3 Image Gallery Modul-Dokumentation »
   
 


ANLEGEN VON BILDERGALERIEN IM TYPO3 BACKEND

Die Vorgehensweise zum Anlegen von Bildergalerien ist denkbar einfach: Auf der entsprechenden Inhaltsseite in TYPO3 wird das PlugIn „Bildergalerie“ integriert. In Folge wird das Menü zum Erstellen neuer Datensätze um die Option „Galerien“ erweitert. Hier kann nun die Galerie als neuer Seiteninhalt ausgewählt und angelegt werden.

Sobald eine Seite eine Galerie enthält, wird diese in der Sektion „Galerien“ aufgelistet. Hier können der Seite dann auch direkt weitere Galerien hinzugefügt werden.

Das Anlegen neuer Galerien funktioniert einfach in einer Maske, in der Informationen wie ein Name für die Galerie und ein Beschreibungstext eingegeben werden können.

Die eigentlichen Bilder können in der Sektion „Bilder“ ausgewählt werden. Hierfür gibt es mehrere Möglichkeiten, auf Bilddateien zuzugreifen: Einerseits können Bilder, die bereits in TYPO3 abgelegt wurden, verwendet werden (Variante 1 – Bildauswahl über den TYPO3 Element-Browser). Alternativ können auch neue Bilder in TYPO3 hochgeladen werden (Variante 2 – Datei-Upload):

Im Anschluss werden die ausgewählten Bilder aufgelistet. Hier kann mit den Steuerungstasten im Feld „Bilder“ noch die Reihenfolge der Bilder geändert werden und es können Dateien wieder gelöscht bzw (wie soeben beschreiben) weitere hinzugefügt werden:

Abschließend können im Feld „Bildbeschreibungen“ optional kurze Untertitel pro Bild eingegeben werden (zeilenweise in der Reihenfolge der Bilddateien). Diese werden in der vergrößerten Detailansicht der Bilder eingeblendet und sind besonders vor dem Hintergrund der Suchmaschinenoptimierung von Bildinhalten interessant.

Nähere Infos zum Thema Suchmaschinen-Optimierung finden Sie in unseren T3 SEO Tipps.


FRONTEND - ANSICHT FÜR DEN USER

Die folgenden Abbildungen zeigen die fertige Bildergalerie auf der Webseite:

Mehrere Bildergalierien werden gemeinsam mit dem Beschreibungstext und einem Vorschaubild in einer Liste angezeigt. Mit einem Klick gelangt der User zur ausgewählten Bildergalerie. Hier können die einzelnen Bilder wiederum mit einem Klick auf die Thumbnail-Vorschau vergrößert werden. Dabei wird die jeweilige Bilddatei in einer sogenannten Lightbox vor der abgedunkelten Webseite im Hintergrund angezeigt:

Sollten Sie ihre Bilder außerhalb von TYPO3 im WWW verwalten wollen, so empfehlen wir Ihnen das Bilderportal Flickr [www.flickr.com]. Ihre in Flickr angelegten Fotoalben, Galerien und Gruppen können Sie mit einem weiteren kleinen Modul ganz einfach in die oberhalb beschriebene Bildergalerie übernehmen. Um mehr zur Nutzung von Flickr Bildern in TYPO3 Bildergalerien zu erfahren, werfen Sie einen Blick auf unser TYPO3 Modul T3 Flickr.

Übrigens: Sollte mal der ein oder andere Schnappschuss nicht ganz perfekt gelungen sein: Für die einfache Optimierung und Bearbeitung Ihrer Bilder – ebenso direkt aus dem TYPO3 Backend heraus – haben wir ein äußerst komfortables Modul zur Online Bildbearbeitung entwickelt. Näheres zu diesem TYPO3 Modul mit dem Namen T3 Pixlr finden Sie in der Modul Dokumentation.