Slick Carousel

Responsiver Bild Slider

Mit dem Slick Slider lassen sich Bild und/oder Text responsive und in verschiedenen Kombinationen, darstellen und animieren.

Slick Carousel
Slick Slider

Slick Slider

In einem 2-Spalter Container (8/4)

Die Bildgröße wird automatisch berechnet und passend zur Spalten-Aufteilung des außenliegenden 2-Spalten Containers zugeschnitten. Das garantiert immer gestochen scharfe Bilder.

Slick Carousel Bild 1 im 2-Spalten Container
Slick Carousel Bild 2 im 2-Spalten Container
Slick Carousel Bild 3 im 2-Spalten Container

Slick Carousel

In der rechten Spalte des Containers

Die Bildgröße wird wieder je nach Anzahl der Bilder im Slider und dem außenliegenden Container neu berechnet.

Slick Carousel Bild 4 im 2-Spalten Container
Slick Carousel Bild 5 im 2-Spalten Container
Slick Carousel Bild 6 im 2-Spalten Container

Slick Bilder

Position: oben, links, unten, rechts

Slick Animation

Slide oder Fade

Slick Text

Position: oben, links, unten, rechts, zentriert

Slick Navigation

Pfeile und/oder Auswahlpuntke

Slick Slide

Mehrere Bilder durchwischen

Es gibt in den Einstellungen die Möglichkeit gleich mehrere Bilder auf einmal weiter zu scrollen.

Slick Carousel Bild 7 im 2-Spalten Container
Slick Carousel Bild 8 im 2-Spalten Container
Slick Carousel Bild 9 im 2-Spalten Container
Slick Carousel Bild 10 im 2-Spalten Container

Slick Bilder

Mit variabler Bildhöhe

Hier ein Slick Beispiel wo die Höhe der Bilder variiert.

Slick Carousel Bild 11 im 2-Spalten Container
Slick Carousel Bild 12 im 2-Spalten Container
Slick Carousel Bild 13 im 2-Spalten Container

Slider Layout

Slick Layout Einstellungen

Es lassen sich 4 verschiedene Carousel Layouts auswählen. Die oben gezeigten haben alle das Standard-Layout mit Bild und Text. Dieses hier teilt Bild und Text in 2 Spalten. Desweiteren kann auch nur das Bild oder nur der Text angezeigt werden.

Bild und Text Spalte Layout Element 1

Carousel Informationen

Und hier weitere Einzelheiten zum Slick Slider mit Bild und Text in Spaltenaufteilung

Bild und Text Spalte Layout Element 2

Weiter lesen

Bild links und Text rechts