Galerien
Bildergalerie & Lightbox
Einfache Bilder und Galerien sind im TYPO3-System schnell aufgebaut. Sie lassen sich mit dem Inhaltselement ‘Text & Medien’ aufbauen, wie es hier unten zu sehen ist. Weiter unten stellen wir Ihnen andere Inhaltselemente vor, mit denen Sie Galerien und Slider noch ansprechender präsentieren können.
Im ‘Text & Medien’ Element sowie in anderen Inhaltselementen für Bilder lässt sich einstellen, ob Bilder in einer Lightbox gezeigt werden: Das Bild vergrößert sich, während der Hintergrund 'abgedunkelt' wird. Probieren Sie es einfach aus und klicken Sie eines der Bilder an. Um die Lightbox auszublenden, klicken Sie entweder an einer beliebigen Stelle neben das dargestellte Bild oder nutzen das X in der rechten oberen Ecke.
Ob ein Bild klickbar ist und somit vergrößert werden kann, entscheiden Sie individuell in den Bildeinstellungen im Backend.
Bildergalerie aus Ordnerinhalten
Mit dem Galerie-Element lassen sich sehr einfach Bilder eines Ordners als Galerie darstellen.
Vorschaubilder dynamisch skalierbar
Alle Vorschaubilder werden automatisch auf die eingestellte Größe runterskaliert. Die Standard-Größe von 128 Pixeln kann direkt im Content-Element überschrieben werden.
Image Slider
Mit dem Image Galerie-Inhaltselement lassen sich zudem bewegte Galerien erstellen, bei denen sich die Bilder weiterbewegen oder durch Nutzer und Nutzerinnen bewegt werden können.
Image Slider – Galerie-Element im Karussel-Layout
Dieser Bilder-Slider muss von Nutzer:innen selbst bewegt werden. Die Pfeile sind eingeblendet. Pro Slide werden vier Bilder angezeigt.
Automatisches Bewegen der Bilder mit aktivierter Lightbox
Im Image Slider lassen sich Bilder aber auch automatisch bewegen – Sie bestimmen wie schnell das passiert. Hier bewegen sich die Bilder alle drei Sekunden und haben keine Pfeile zum hin- und herbewegen. Die Lightbox ist aktiviert, probieren Sie einfach auf ein Bild zu klicken.
Image Slider mit zentrierter Folie und Überlauf-Folie
Zusätzlich zum Standard-Karussell-Layout, bei dem jedes Bild komplett zu sehen, können Folien zentriert mit Überlauf-Layout dargestellt werden. Hier bewegen sich die Bilder automatisch alle vier Sekunden, können jedoch auch über die Pfeile bewegt werden.
Slider
Slider als Header
Slider können sowohl als Header-Element (wie auf dieser Seite), als auch innerhalb der Seite platziert werden. Der Slider im Header dieser Seite hat zwei Slider mit dunklem Overlay und Text. Es ist möglich einen Slider nur mit einem Slide anzulegen, dann ist einfach immer ein Bild zu sehen.
Slider mit automatischer Höhe und Navigationspunkten
Slider mit mittlerer Höhe
Slider mit niedriger Höhe
