Swiper, как сделать разное количество слайдов в зависимости от размера слайда?

Question

[Алексей Синицин]

Есть слайдер, в него могут приходить картинка разных размеров, а именно 2 вариaнта: Маленькие и большие. Нужно чтобы на экране было 2 слайда если они маленькие и один если он большой. При этом свайп идет по одному слайду. Метод с заданием ширины 50% для мелких и 100% для большого не подходит тк нужно чтобы большой был на экране 1. А в таком варианте есть момент когда на экране и маленький и 50% большого

Comments

[Сергей Сергей]

Есть ли возможность вклиниться в процедуру перелистывания? Можно ли как-то определить текущий слайд и его размеры? А размеры соседних слайдов? С этими сведениями о слайдах можно было бы делать двойной шаг для подходящих случаев.

[wadowad]

Slick Slider может работать с произвольной шириной слайдов. Вот тут в примерах https://kenwheeler.github.io/slick/ пример Variable Width.

[Алексей Синицин]

Сергей Сергей, можно определить где большой со стороны бека и повесить класс или еще что

[Алексей Синицин]

wadowad, wadowad, вот такое поведение не допустимо, ножно чтоб не было такого что ты видишь кусок слайда

[Сергей Сергей]

Осталось расширить метод перелистывания, чтобы определять необходимость двойного шага.

[Алексей Синицин]

Сергей Сергей, можно како-нибудь пример?

[Сергей Сергей]

Нет примеров, не было задач с разноширинными слайдами. Может позже что-нибудь наверну.

[Andrey K.]

Возможно у вас есть противоречия в той логике, которую пытаетесь сделать. Как показать маленький слайд при такой последовательности так, чтобы не было видно части крупных слайдов? За ширину слайдера берем ширину большого слайда.

Answer 1

[imko]

https://swiperjs.com/swiper-api#param-slidesPerView ставишь авто, слайдам сам задаешь размер

Comments

[Алексей Синицин]

такой вариант будет неккоректно работать, написал в вопросе

[imko]

Алексей Синицин, так он должен слайдить не по ширине маленького слайда а в принципе по слайду какой бы он ни был ширины. Ну по крайней мере это от него ожидается) Я не пользуюсь свайпером чтоб тебе конкретнее сказать к сожалению, могу разве что еще посоветовать перейти на splide

Answer 2

[Сергей Сергей]

Не знаю, как такую логику вживить в swiper.