Slider: Typen und Optionen

Sie können Bilder über einen Slider automatisch wechseln lassen. Wir verwenden hierfür eine TYPO3-Erweiterung, die Sie über den [Typ] 'Plug-In einfügen' auswählen.

Als Sonderform zeigen wir einen ganzseitigen Slider.

Slider mit weichen Überblendungen

erste Bildunterschrift
zweite Bildunterschrift
und die letzte Bildunterschrift

Slider mit weichen Überblendungen

Der Bild-Slider mit Bildunterschriften bei einigen Bildern, Klick-Vergrößern, Navigationspunkten und Verblassungseffekt.

Der Slider bietet viele Optionen, die Sie pro Slider selbst einstellen können. Dazu gehört unter anderem die Art des Wechseleffektes, seine Geschwindigkeit, die Anzeigedauer des einzelnen Bildes, die Anzeige von Steuerelementen, Anzeige gleichzeitig zu zeigender / zu rollender Bilder u.v.a.

 

Slider mit Slide-Effekt

Slider mit Slide-Effekt

Bild-Slider mit je einem Link beim ersten und dritten Bild und "Slide"-Effekt beim Bildwechsel. Hier erscheinen zudem keine Navigationselemente auf den Sliderbildern, sondern bei hover sieht man Pfeile auf den Bildern. Auch ein Play-/Pause-Button kann angezeigt werden.

Die Übergangsfunktion des Slide-Effekts zeigt hier die Standardeinstellung. Einstellbar sind alle Möglichkeiten, die CSS3 bietet.

Nebeneinander: 3, Bewegung: 3, Navigationspunkte; Play/Pause

Bildunterschrift

Inhalts-Slider

Hinweis zum Inhalts-Slider

Für Kind-Elemente muss eine Breite angegeben werden!

Ist keine Breite festgelegt, wird ein .ce und .ce0 Element erzeugt, was zu Formatierungsfehlern führt.

Beispieltext 1

Hier könnte z.B. ein Zitat eines Kunden oder Partnerunternehmens stehen. Die Slider sind auch per Touch bedienbar.

Dauer, Aussehen und Navigationselemente können frei konfiguriert werden. Auch auf kleinen oder schmalen Geräten werden Texte und Bilder in einer sinnvollen Aufteilung angezeigt.

Beispieltext 2

Hier könnte z.B. ein Zitat eines Kunden oder Partnerunternehmens stehen. Die Slider sind auch per Touch bedienbar.

Dauer, Aussehen und Navigationselemente können frei konfiguriert werden. Auch auf kleinen oder schmalen Geräten werden Texte und Bilder in einer sinnvollen Aufteilung angezeigt.

Slider mit Vorschaubildern

Die Größe der Vorschaubilder ergibt sich automatisch aus der Anzahl der eingebundenen und anzuzeigenden Bilder, verteilt auf die Breite des Inhaltsbereiches. In den kleineren Ansichten verkleinern sich somit nicht nur die Bilder im Slider, sondern auch die Vorschaubilder.

Je nach Bildschirmgröße kann die Anzahl der anzuzeigenden Vorschaubilder u.a. individuell angegeben werden.

Slider mit freigestellten Bildern

Bei diesem Slider sind alle Navigations- und Steuerelemente für alle Ansichten bewusst weggelassen, sodass die freigestellten Bilder einfach in einer Schleife durchlaufen.

 

a7digital GmbH

Ostpreußenring 76
23569 Lübeck

Telefon: +49 451 48 97 83 38

Hotline: +49 177 835 77 77

a7.layouts steht für moderne, technisch hochwertige Gestaltung von Websites mit dem CMS TYPO3.

Sie finden auf diesen Seiten unter anderem Beispiele von Internet-Seiten, die auf einem unserer Modell-Layouts aufbauen, Schulungs-Videos, die Ihnen den Einstieg in die Bearbeitung Ihrer neuen Website erleichtern, und eine schriftliche Anleitung mit vielfältigen Beispielen.