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

Question

[Alexander]

Здравствуйте, подскажите какой слайдер лучше использовать в реальных проектах, Slick.js или Swipper.js

Comments

[Rustam Bainazarov]

Swiper.

Answer 1

[Тарас Шульга]

Честно я бы взял swiper по мне во первых он более гибкий в настройках, так же можно собрать слайдер только с нужными тебе модулями. Сделан на ваниле(относительный плюс - но все же) Ну и по мне у него куда меньше закидонов/приколов чем у слика.

Comments

[Тарас Шульга]

sashabeep, кста да насчет примеров на реальных проектах - вот наверное почти самый главный критерий/
А то забавно все так легко когда смотришь в демке - все круто. Но только установил в реальную верстку все идет через одно место.

[Тарас Шульга]

sashabeep, ну это куда проще сделать чем решать овер9999 заскоков слика. А насчет bs4 вообще хз - перестал пользоваться этой сеткой когда узнал о smart-grid от Лаврика)

Answer 2

[eugene159]

Можешь еще owl-carousel посмотреть. Он на JQuery.

Slick уже устарел. Прямо сейчас вспомнился один его баг. Есть там настройка responsive. Я указал breakpoint, например, 768. И в одном из режимов просмотра (Эмуляция мобильных устройств в браузере или просто обычный режим просмотра страниц в браузере) этот breakpoint срабатывает раньше / позже 768. Это, конечно, неприкольно.

Comments

[Алексей Николаев]

У слика самый удобный режим настройки респонсива. И в целом другие слайдеры тот еще кал, постоянный геморрой с настройками.

[Rustam Bainazarov]

Алексей Николаев, какие проблемы с настройками у Swiper? ( O_o)

[Алексей Николаев]

Рустам Байназаров, а я его и не пробовал. Потому что slick is the last carousel you even need, как автор и написал. Настолько классный и удобный, что на другие и смотреть не хочется.

[Rustam Bainazarov]

Алексей Николаев, странно, конечно, но у Slick есть проблемы со сложной вёрсткой внутри + flex. Помимо этого, зависимость от jQuery. Крупные ресурсы (из последних, где видел: Третьяковская галерея, Ozon, Stripe, Slack, Uber) все на Swiper, если они не используют свои решения.

Ну и в целом, если вы не пробовали Swiper, то зачем говорить:

И в целом другие слайдеры тот еще кал, постоянный геморрой с настройками.

[Алексей Николаев]

Рустам Байназаров,

есть проблемы со сложной вёрсткой внутри + flex

Напротив. Не замечал проблем, делал на нем сложные респонсивные слайдеры. Внутри каждого айтема есть контейнер item__inner, который может быть и флексом, и шмексом, и всем чем угодно.

[Rustam Bainazarov]

Алексей Николаев, я замечал проблемы с просчетом габаритов в Safari и IE, если использовать flex по полной. Может, старая версия (где-то год назад).

[Алексей Николаев]

Рустам Байназаров,

IE

А я просто забил на эту хрень. В Edge работает, и добре.

Answer 3

[Алексей Николаев]

slick был лучшим слайдером, и сейчас один из самых. У него только один минус - джейквери. Не знаю, будет ли он переписан на нативном js, если да, то будет лучшим и сейчас.

Поэтому... ответ почти очевиден.

Comments

[Алексей Николаев]

sashabeep, да есть там флексы, если не умеете банальный display: flex, то это уже не к слику. Автоподстройка высоты есть. Выравнивание внутри контейнера - см. про банальный display: flex. А так, все другие слайдеры "умеют" это так рьяно, что когда нужно изменить это поведение немного, хочется вешаться. Слик - лучший во многом именно тем, что не обвешан таким вот гуаном с ног до головы, все просто, понятно и делается в пару строк.

[Алексей Николаев]

sashabeep, ну если его перепишут на современный манер, без джейквери и с флексом по умолчанию, то он потеснит свайперы ого-го как. Другое дело, что автор на него, похоже, забил.