2015-08-27 5 views
6

Ich verwende Owl Carousel v1.3.2 in meiner Codebasis. Dies ist ein fantastisches Karussell-Plugin mit vollständig ansprechender Benutzeroberfläche. Aber vor kurzem haben wir eine Anforderung, in der Slider-Inhalte verschoben werden sollen: vertically upward/downward. Ich habe sowohl die Dokumentation als auch den Plugin-Code überprüft, aber keine Konfigurationseinstellungen dafür gefunden.Eulenkarussell v1.3.2 mit vertikaler Folienanimation

Ich suchte durch SO und stieß auf folgende Frage How to use owl carousel vertically?, aber selbst das löst mein Problem nicht.

Hat jemand irgendeinen benutzerdefinierten Code geschrieben, um diese Funktionalität zu erreichen? Es ist mir nicht möglich, eine weitere Karussellbibliothek nur für diese vertikale Folienanimation hinzuzufügen.

Antwort

2

Dies ist eine Art von Arbeit um. Verwenden Sie transform: rotate(90deg) auf .owl-carousel oder die Containerklasse, und drehen Sie 270 Grad von transform: rotate(270deg) auf den Elementen. Sie müssen sich zwar selbst mit den Margenproblemen auseinandersetzen, aber zumindest sieht die Darstellung und Animation gut aus.