Какой слайдер подойдет для такого блока?

Question

[aliasst]

Какой слайдер лучше всего использовать под данную задачу

Answer 1

[Егор Живагин]

Slick самый удобный
Вот ваши параметры на глаз:

slidesToShow: 5,
slidesToScroll: 1,
arrows: true,
centerMode: true,
centerPadding: '20px',
infinity: true,

Конечно, сами подбирайте, если что) Вся информация по ссылке вверху, очень доступно

Comments

[aliasst]

а навигацию тамможно сделать в виде фоток(вместо кружков), как на скрине?

[Егор Живагин]

aliasst: то есть чтоб вместо кружков были просто фотки? Всё что угодно, но всю кастомизацию делаете сами через CSS ) Slick их просто крутит, как хотите. Внешний вид он практически не трогает

[aliasst]

Егор Живагин: спс, да должен меняться текс вверху, а вместо кружочков в навигации фотографии (мини-аватарки), и еще нужно так чтобы текущая аватарка увеличивалась и перемещалась в центр

[Егор Живагин]

aliasst: чтобы текущая увеличивалась и перемещалась - centerMode , centerPadding , я написал их в примере. Чтобы менялся текст вверху... два варианта: 1) Делаем слайдер с текстом и связываем два слайдера (пример очень наглядный всё в той же документации есть) , 2) Через JS смотрим, у какого фото класс slick-current и показываем соответствующий ему блок с текстом

Опций много, играйтесь на здоровье)

Answer 2

[Дмитрий]

kenwheeler.github.io/slick
https://owlcarousel2.github.io/OwlCarousel2/

Comments

[Василий]

+ OwlCarousel