Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   3D-карусель. (https://javascript.ru/forum/jquery/73660-3d-karusel.html)

LLIypuk 04.05.2018 20:19

3D-карусель.
 
Всем привет. Решил сделать на своем сайте слайдер-карусель. Ньюанс в том, что форма и расположение каждого элемента карусели различаются и должны плавно переходить от одной к другой форме. Пример https://www.jqueryscript.net/demo/Mi...l-jQuery-CSS3/ (однако пример не подходит для реализации, так как в нем нет множества нужных функций. это как визуальный пример). То-есть получается что каждый активный слайд из нескольких должен иметь собственный class с возможностью плавного перехода. Собственно выбор стоит между owl-carousel и swiper-sliderю Однако не пойму как реализовать подобное в примере с помощью этих слайдеров.

рони 04.05.2018 21:06

LLIypuk,
в чём проблема?

LLIypuk 04.05.2018 23:37

Собственно проблема в том, что не совсем понятно как реализовать карусель как в примере выше, но через топовый jquery-плагин наподобие owl-carousel или swiper-slider (которые вроде как лучше всего подходят для реализации подобного примера)

рони 04.05.2018 23:48

LLIypuk,
не понимаю в чём проблема ...
http://www.bestjquery.com/demo/3d-slider-carousel/

рони 04.05.2018 23:53

j0hnik,
:-?

j0hnik 04.05.2018 23:56

рони,
не так понял, про топовый JQuery

j0hnik 05.05.2018 00:06

LLIypuk,
https://owlcarousel2.github.io/OwlCa...os/center.html
полистайте документацию, там есть класс center и класс active, какие еще классы вам нужны?

LLIypuk 05.05.2018 09:40

В этом и проблема. В Owl можно задать класс только центральному блоку, а в идеале хотелось бы чтобы свой собственный класс был задан каждому активному блоку.

j0hnik 05.05.2018 10:24

LLIypuk,
Предполагаю что это вам нужно для ротации блоков, но есть центр, то prev() и next() его соседи итд.


Часовой пояс GMT +3, время: 13:28.