Какой слайдер использовать для такой реализации?

Question

[DeniSidorenko]

посоветуйте пожалуйста слайдер для такой реализации. Slick & owl не подходит для решение данной задачи. Может кто то посоветует что то лучше? Написал бы сам, но требуется и поддержка Touch Pad

Comments

[Евгений]

Вы бы хоть механику описали, по картинке не понятно, что в итоге нужно

[Сергей Горячев]

И чем не подходят слик и овл? Обычный слайдер вроде.

[DeniSidorenko]

Евгений, Что бы было 2 слайда. И правый слайд был меньше. В OWL либо slick все имеют одинаковую ширину

[DeniSidorenko]

Сергей Горячев, Что бы было 2 слайда. И правый слайд был меньше. В OWL либо slick все имеют одинаковую ширину

[Сергей Горячев]

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

[DeniSidorenko]

Сергей Горячев, А ставить как 2 элемента для owl?

[Евгений]

Интересно, а если долистаем до последнего слайда, то в чб какая картинка будет? Никакая?

[Сергей Горячев]

Евгений, будет первая, так как наверняка в loop стоять будет)

[Сергей Горячев]

DeniSidorenko, допиливать нужно, немного. Хотя можно наверно и правда взять другой.

pixels1st.com/bootstrap-image-gallery-slider-example

[Сергей Горячев]

DeniSidorenko, можно и на slick https://codepen.io/anon/pen/ErXbZV (последний).
Там смысл в том, как раз, что я говорил, первый большой, а остальные прячутся за overflow.

[Сергей Горячев]

DeniSidorenko, по owl не скажу вообще, так как не работал с ним толком, не люблю его. Большой и не поворотливый, как слон.

Answer 1

[Евгений]

Попробуйте так: делаем показ только одного слайда, следующий слайд будет с translateX(-300px) например и в чб. Можно через active этим управлять

https://codepen.io/satantx/pen/exRedq