Image-Teaser Slider, right
Mehrere Teaser in einem Slider mit je einem Bild (Originalformat) rechts und Text links.
Item-ID: 02-005
Beispielansicht Anleitung Verhalten
Beispielansicht
Anleitung
Teaser Slider anlegen
- Klicken Sie auf den Button + Inhalt, um ein Teaser-Element zu erstellen.
- Im Reiter Teaser Elements wählen Sie Image-Teaser Slider, right.
Teaser anlegen
- Klicken Sie auf den Button Neu anlegen um mehrere Teaser anzulegen.
- Fügen Sie Text und eine Bilddatei für jeden Teaser hinzu.
Text einfügen & formatieren
- Geben Sie Ihre Texte in das Textfeld ein.
- Sollten Sie Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
- Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.
Bild einfügen
- Klicken Sie auf den Button Bild hinzufügen.
- Wählen Sie eine Datei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.
Automatische Wiedergabe von Medien
Wenn Sie mehr als ein Medium innerhalb desselben Elements einsetzen, haben Sie die Möglichkeit, die Wiedergabe zu automatisieren. Um ein einheitliches Bild zu gewährleisten, werden alle eingesetzten Medien auf dasselbe Format (16:9) zugeschnitten.
Settings-Optionen für Medienelemente mit zwei und mehr Medien
- Slide automatically: Aktivieren Sie den Regler mittels Klick, um die automatische Wiedergabe einzurichten.
- Interval of auto slidings (in seconds): Standardmäßig wird nach 6 Sekunden das nachfolgende Medium eingeblendet. Wenn Sie diese Frequenz ändern möchten, betätigen Sie den Regler entsprechend auf einer Skala von 1 bis 15 Sekunden (nur wenn Slide automatically aktiviert ist).
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 Hintergrundfarbe und die Hintergrundfarbe der Headline oder Pfeile.
- Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe, die sich auf die Hintergrund- und Headlinehintergrundfarbe auswirkt.
- Als Möglichkeiten stehen default, primary, secondary sowie inverted zur Verfügung. Die Optionen orientieren sich an den im toujou settings definierten Farben.
Verhalten
Der Image-Teaser Slider, rechts bietet Ihnen die Möglichkeit, mehrere Teaser in Form einer »Schleife« darzustellen. Jeder Teaser wird individuell angelegt.
Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Teaser das zuvor nebenstehende Bild über dem Text an. Der Slider, in dem sich die Teaser befinden, 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.