Fade-Effekt

fade 01

fade 02

fade 03

In diesem Beispiel wurden Hintergrund-Bilder im Format 16 : 9 verwendet. Die einzelnen Slider haben deshalb das gleiche Seitenverhältnis (padding-top: 56.25%).

Die Pfeile und der aktive Punkt (Bullet) sind eingefärbt und haben einen kleinen Schatten für bessere Sichtbarkeit.

Der Aufruf für dieses Beispiel lautet:

{{{op_Swiper('set_fade')}}}

Übrigens: Wenn es konfiguriert wurde, funktioniert auch beim Fade-Effekt das Wischen mit dem Finger, mit der Maus (Klick und wischen), mit der Tastatur (Pfeiltasten), mit dem Touch-Pad oder mit der Touch-Mouse. Man muss nur warten, bis der Übergangseffekt abgeschlossen ist.

Stichwortliste: Fade-Effekt, Slider, fade