TYPO3 Bildergalerie erstellen (Fortgeschritten)

IMT:HilfeWiki - das Wiki
Wechseln zu:Navigation, Suche
Anleitung
Allgemeine Informationen
Informationen
Betriebssystem Alle
Service TYPO3
Interessant für Angestellte, Studierende und Bereiche
HilfeWiki des IMT der Uni Paderborn

Mit Typo3 können Sie Bildergalerien erstellen. Sie können dafür eine bereits vorhandene Seite mit Inhaltsbereich nutzen, aber auch eine neue Seite, hier im Beispiel die Seite "Bildergalerie", anlegen.

Was ist zu tun?

  • Legen Sie eine Bildergallerie in den Templates an
  • Passen Sie das Erscheinungsbild an ihre Anforderungen an

Schritt für Schritt Anleitung

Falls Sie jeweils fünf Bilder in einer Reihe unterbringen möchten, wählen Sie bei "Erscheinungsbild" bitte ein Template mit entsprechend großem Inhaltsbereich:


Typo3-bildergalerie-seite-anlegen-erscheinungsbild-1.jpg


Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu:


Typo3-bildergalerie-neuen-datensatz-hinzufuegen-2.jpg


Gehen Sie zur Registerkarte "Plug-Ins" und wählen Sie "Galerie":


Typo3-bildergalerie-plug-ins-galerie-3.jpg


Geben Sie der Galerie eine Überschrift und speichern Sie vorsichtshalber das Dokument:


Typo3-bildergalerie-ueberschrift-galerie-speichern-4.jpg


Falls es in Ihrem Typo3-Bereich bereits eine Dateisammlung gibt, die Sie für die neue Bildergalerie verwenden möchten, klicken Sie nun auf "Datensätze durchblättern":


Typo3-bildergalerie-datensaetze-durchblaettern-5.jpg


Wählen Sie die Dateisammlung aus, die Sie verwenden möchten - bei diesem Beispiel die Dateisammlung "Bildersammlung", die zu der Seite "Seite 8" gehört:


Typo3-bildergalerie-bildersammlung-auswaehlen-6.jpg


Speichern Sie das Dokument und lassen Sie es sich anzeigen:


Typo3-bildergalerie-bildersammlung-speichern-und-anzeigen-7.jpg


Ohne Änderung der Voreinstellungen bezüglich Anzeigemodus, Template, Bildform etc. sieht die Beispielgalerie folgendermaßen aus:


Typo3-bildergalerie-bildersammlung-unveraendert-angezeigt-8.jpg


Falls es in Ihrem Typo3-Bereich keine Dateisammlung gibt oder jedenfalls keine, die Sie für die neue Bildergalerie verwenden möchten, klicken Sie nach dem oben erwähnten Speichern des Dokuments nach dem Einfügen der Überschrift für die Bildergalerie in der Ansicht "Liste" auf "Neuen Datensatz erstellen":


Typo3-bildergalerie-neuen-datensatz-fuer-bildersammlung-erstellen-9.jpg


Wählen Sie unter "Systemdatensätze" die Option "Dateisammlung":


Typo3-bildergalerie-systemdatensaetze-dateisammlung-10.jpg


Tragen Sie einen Titel ein - in diesem Beispiel "Bildersammlung für Bildergalerie" - und speichern Sie vorsichtshalber das Dokument:


Typo3-bildergalerie-ueberschrift-dateisammlung-speichern-11.jpg


Wählen Sie nun über "Neue Relation erstellen" die Bilder für die Dateisammlung aus. Diese Bilder müssen Sie natürlich zuvor nach Typo3 hochgeladen und mit Metadaten versehen haben:


Typo3-bildergalerie-dateisammlung-neue-relation-erstellen-12.jpg


Speichern Sie nach dem Einfügen der Bilder in die Dateisammlung das Dokument:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-speichern-13.jpg


Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie":


[[1]]


Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern":


Typo3-bildergalerie-plug-in-datensaetze-durchblaettern-15.jpg


Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-einfuegen-16.jpg


Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-eingefuegt-speichern-17.jpg


Es wird nun die Bildergalerie mit den fünf Bildern der Dateisammlung "Bildersammlung für Bildergalerie" angezeigt, und zwar gemäß den unveränderten Voreinstellungen:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-angezeigt-18.jpg


Diese Einstellungen lassen sich ändern. So kann man statt des Templates "Galerie - 3 Bilder", bei dem drei Bilder in einer Zeile angezeigt werden, das Template "Galerie - 5 Bilder" wählen, bei dem fünf Bilder in einer Zeile angezeigt werden:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-19.jpg


Das Ergebnis der Änderung:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-angezeigt-20.jpg


Außerdem kann man die Bildbeschreibung anzeigen lassen: sofern eine solche bei den Metadaten der Bilder eingetragen wurde:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-21.jpg


Das Ergebnis der Änderung:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg


Man kann auch das Häkchen bei "Quadratische Bilder" entfernen, so dass bei rechteckigen Originalen kein quadratischer mittiger Ausschnitt des Originalbildes, sondern das Originalbild verkleinert, aber vollständig angezeigt wird:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-rechteckig-23.jpg


Statt für eine statische Galerie kann man die Dateisammlung auch für einen Slider nutzen, indem man eines der Slider-Templates wählt, z. B. "Slider - 3 Bilder":


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-eingestellt-24.jpg


So sieht der Slider dann aus:


Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg


Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!


Bei Fragen oder Problemen wenden Sie sich bitte an die Benutzerberatung des IMT

IMT:Notebook-Café I0.401 IMT:ServicePoint N5.344 Tel.: +49 (5251) 60-5544 E-Mail: imt@uni-paderborn.de