Как поставить первый элемент вторым на мобильных?

Question

[lagudal]

Имеется слайдер, всего скажем 6 элементов. В разрешении меньше 520 видимых элементов 3, как сделать проще всего так, чтобы в этом разрешении слайдер сдвигался бы вправо на 1 элемент - т.е. 1-й элемент стал бы вторым, и располагался бы по центру.

(В примере этого нет, в реальности в мобильном разрешении крайние левый и правые элементы как бы заблюрены, а первым располагается самый важный, поэтому его на мобильных надо поставить по центру.)

Comments

[historydev]

по какому центру? Хоть скрин с оригинала покажите.

[VolgaVolga]

Order?

[lagudal]

historydev, вот так на десктопе



вот так на моб



я хочу на моб сдвинуть на один вправо, чтобы первый стал вторым - т.е. первым будет предыдущий а нужный будет стоять по центру.



Пришло пока в голову только симулировать клик на прев баттон, если экран меньше заданного, но должно быть более правильное решение

[lagudal]

VolgaVolga,
Блин, да , точно - спасибо - меняю местами первый со вторым и order для десктопа, а для мобильных order сбрасываю.
Так получается!

[Rustam Bainazarov]

Лучше используйте нормальный слайдер — Swiper, там можно это на уровне настроек инициализации настроить для разных брейкпоинтов. Ну и jQuery никакого не нужно будет тянуть в почти 2024-м году.

ЛОЛ, опять этот Slick.

Answer 1

[Kapkan4ik01]

Ести ето свайпер то испрользуй настройку centeredSlides: true