toujou
+49 911 23980-870

Slider Element

Ein Slider mit mehreren Bildern, zentriert auf der Seite.

Item-ID: 05-002

 Beispielansicht   Anleitung   Verhalten


Beispielansicht


Anleitung

Bilder anlegen

  • Klicken Sie auf den Button Inhalt  und wählen unter dem Reiter Media das Element Slider Element aus.
  • Klicken Sie nun im Reiter Content  Bild hinzufügen/Add media file.
  • Wählen Sie eine/mehrere Bilddateien aus Ihrer Fileliste aus oder laden Sie die gewünschten Dateien in den entsprechenden Ordner hoch.

Bilder bearbeiten

  • Unter jedem nun hochgeladenen Bild öffnet sich ein Menü zur Bearbeitung der Bild-Metadaten.

Bilder formatieren

  • Unter dem Button Editor öffnen können Sie das Seitenverhältnis für Mobile, Tablet-, Desktop- oder Widescreen-Ansicht anpassen. 
  • Setzen Sie den Bildfokus für das Responsive-Verhalten jeweils auf die gewünschte Bildfläche. 

Besonderheit im medatsu-Theme

Das medatsu-Theme bietet Ihnen Optionen zur individuellen Website-Gestaltung im toujou-Backend. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie je nach Element die Pfeile am rechten und linken Rand sowie die Progress Bar, wenn Sie das Autoplay aktiviert haben. Sie zeigt an, wie lange das aktuelle Medium noch gezeigt wird und stoppt beim Mouseover. Die Bullets (Sliderbuttons) am unteren Abschluss des Elements geben die Anzahl der Medien wieder.

  • Im medatsu-Theme können Sie unter Color im Reiter Content die Farbe der Slider Progress Bar, der Pfeile links und rechts (Controls) sowie der Sliderbuttons unten (bullets) ändern. 
  • Öffnen Sie hierfür im Reiter Content das Dropdown-Menü mit Klick auf den Pfeil am rechten Rand.

Verhalten

Das Slider Element bietet Ihnen die Möglichkeit, mehrere Bilder in Form einer Galerieschleife darzustellen. Achten Sie auf ein ähnliches Seitenverhältnis der Bilder und meiden die Mischung von Hoch- und Querformaten. 

Responsive: Das Slider-Element wird bei jeder verfügbaren Bildschirmgröße in einem festen Verhältnis vollständig angezeigt. 


Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Bildbearbeitung  Dateiliste