Allgemeines Beispiel
Bildergalerie überspringen
Automatisch rotieren
Bestimme neben der Animations-Pause, die Rotationsgeschwindigkeit sowie die Pause bei Mouse-Over.
Bildergalerie überspringen
Vertikal
Neben der horizontalen Rotation kann der Slider auch vertikal rotieren. Probiers mal aus!
Bildergalerie überspringen
Galerie Modus
Im sogenannten Galerie-Modus erscheinen die Slides durch Überblenden und nicht durch eine Rotationsbewegung.
Bildergalerie überspringen
Mehrere Elemente gleichzeitig
Zeige mehrere Slides gleichzeitig an - oft auch als Carousel-Funktion bezeichnet.
Bildergalerie überspringen
Positionierung
Neben den allgemeinen Positionierungen, können über Abstände in Pixel oder Prozent Feinabstimmungen vorgenommen werden.
Bildergalerie überspringen
Oben links #1
Oben links #1
Oben mitte #2
Oben mitte #2
Oben rechts #3
Oben rechts #3
Mitte links #4
Mitte links #4
Mitte mitte #5
Mitte mitte #5
Mitte rechts #6
Mitte rechts #6
Unten links #7
Unten links #7
Unten mitte #8
Unten mitte #8
Unten rechts #9
Unten rechts #9
Text Hintergrund
Wähle für jeden Textbereich eine Hintergrundfarbe und stelle Innenabstand und Border-Radius ein. Transparenzen können ebenfalls genutzt werden.
Bildergalerie überspringen
Hintergrund Farb-Überlagerung
Dämpfe das Hintergrund nach belieben mit einer Teiltransparenten Farbe ab und gestalte so den Text lesbar.
Bildergalerie überspringen
Animationen
Verschiedene Animationen bringen subtile Bewegungen in den Slider und machen Deinen Auftritt noch wertiger.
Bildergalerie überspringen
Text Parallax bei Mouse-Over #3 At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum
Text Parallax bei Mouse-Over #3
At vero eos et accusam et justo duo dolores et ea rebum.
Eingangsanimation
Eingangsanimationen bestimmen, wie der Textbereich auf das Hintergrundbild gelangt. Das erzeugt mehr Aufmerksamkeit.
Bildergalerie überspringen