2015-08-27 26 views
6

Używam Owl Carousel v1.3.2 w mojej bazie kodu. Jest to niesamowita wtyczka karuzeli z w pełni responsywnym interfejsem użytkownika. Ale ostatnio dostaliśmy jedno wymaganie, w którym chcemy, aby zawartość suwaka przesuwała się w następujący sposób: vertically upward/downward. Sprawdziłem dokumentację oraz kod wtyczki, ale nie znalazłem żadnego ustawienia konfiguracyjnego, aby to zrobić.Sowa karuzela v1.3.2 z pionową animacją slajdów

Przeszukałem SO i natknąłem się na następujące pytanie: How to use owl carousel vertically?, ale nawet to nie rozwiązuje mojego problemu.

Czy ktoś napisał niestandardowy kod, aby uzyskać tę funkcjonalność? Nie mogę dodać kolejnej biblioteki karuzeli tylko dla tej pionowej animacji slajdów.

Odpowiedz

2

To rodzaj pracy. Użyj transform: rotate(90deg) na .owl-carousel lub klasie kontenera i obróć o 270 stopni o transform: rotate(270deg) na przedmiotach. Sam musisz sobie radzić z problemami z marginesami, ale przynajmniej wyświetlanie i animacja wygląda dobrze.