Как сделать вертикальный слайдер в несколько колонок?

Question

[WebAirStudio]

Здравствуйте. Нужен адаптивный вертикальный слайдер, который бы выводил слайды в несколько колонок.
Перепробовал owl, bxslider, swiper. Не могу нагуглить никакого решения.
На float, grid, flex без разницы.

К примеру вот тут курс криптовалют в строку и он сменяется вертикально https://www.binance.com/en
Первый слайд:


Второй слайд:


https://jsfiddle.net/2g63xcbm вот к примеру, вертикальный слайдер 2 слайда друг под другом. Как сделать чтобы эти 2 слайда были в ряд?

Comments

[Lord_Dantes]

Примеров конечно же не будет?

[WebAirStudio]

Lord_Dantes, отредактировал вопрос

[Alex_mos]

WebAirStudio, а в чем проблема попытаться сделать так же, найти какой нибудь слайдер сделать вывод вертикально и разместить несколько блоков в одном слайде.

На binance в мобильной версии как раз вертикальный слайдер в две колонки

[WebAirStudio]

Alex_mos, Несколько блоков в одном слайде - костыльно очень

[Alex_mos]

WebAirStudio, так вам так и так придется два слайда размещать на одной строке, и для этого понадобится какая то обёртка.

Несколько блоков в одном слайде первое что приходит в голову

[WebAirStudio]

Alex_mos, Спасибо, видимо, так и придется.

[FrelFrloich]

Я конечно всё понимаю, но тот пример который ты указал, сделан на реакте и там далеко не слайдер, тебе надо цифры менять а не слайдить их. Не важно на чём он сделан, там два варика или цифры откудато парсятся сверяются с чем то или тупо через js в рандоме капают. Это вообще не слайдер.

А я понял про какой ты, ну используй как и у них свайпер, в чём трабла то, там вертикальный свип и всё.

Я ещё раз ошибся( у них самопис, с сет тайм аутом и вставкой бифор афтер, сделай также, это пол часа работы, ну может час для отладки анимации. Там всего 4 блока и основное окно просмотра которому оверфов задан.

Answer 1

[WebAirStudio]

Сделал совсем по другому, не так как нужно. Но получилось круто.
Едет плавно по кругу, не рывками, это gif анимация без половины кадров.

Answer 2

[Одиночка Айс]

https://codepen.io/emi675/pen/rjrvOB Slick SlidesToShow: 1 выставить только
https://codepen.io/Seamni69/pen/vYgmqVd Swiper

В чем проблема?

Comments

[WebAirStudio]

Кажется, вы не поняли вопроса. Вертикальный слайдер сделать - элементарно.
А отображение нескольких слайдов в ряд?

https://jsfiddle.net/2g63xcbm вот к примеру, вертикальный слайдер 2 слайда друг под другом. Как сделать чтобы эти 2 слайда были в ряд?

[Одиночка Айс]

WebAirStudio, то, что у вас внутри это не слайды, это их содержимое

Answer 3

[FrelFrloich]

Свипер лучше, слик глючный больно на вертикалке.