3D Cube-Effekt

op_Swiper('set_cube')

cube01

cube02

cube03

cube04

cube05

Hinweise zur Kompatibilität

Alle InternetExplorer (inklusive Version 11) können den Cube-Effekt nicht befriedigend darstellen. Mittlerweile sollten diese Browser ohnehin durch MS Edge auf Chromium-Basis ersetzt werden – sofern man bei MS-Produkten bleiben will.

Alle Chromium-Browser (z.B. Chrome, Vivaldi, Opera, Edge …) haben ein Problem mit der Berechnung des unteren Schattens. Wer mit diesem Problem nicht leben will, schaltet im Set in der Init-Datei den Schatten ab:

cubeEffect: {
shadow: false,
},

Im folgenden Beispiel wurde genau das getan:

  • Schatten aus
  • Richtung geändert, vertical statt horizontal
  • Pagination geändert, fraction statt bullets

cube01

cube02

cube03

cube04

cube05

Stichwortliste: 3D Cube-Effekt, Set, Swiper, cube