Задать вопрос
@pilolin
HTML программист

Как cдвинуть слайды в swiper.js?

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

так он должен обычно выглядеть:

5e99245477945065640968.png

а так когда дошли до конца

5e99249e1ac3c328402805.png

Пробовал по событию change проверять слайд виден ли последний и менять отступы, но ни одно событие не срабатывает при пролистывании на пол слайда тоесть половины последнего.

И второй вопрос по другому слайдеру, можно ли как то отцентровать слайдер имея четное количество слайдов видимых. (получается только с нечетным количеством centeredSlides) и при этом, что бы не было огромного пространсва лева и справа если это первый или последнйи слайд
5e9925e33a56c120731042.png

все творил здесь
  • Вопрос задан
  • 10476 просмотров
Подписаться 3 Простой 1 комментарий
Решения вопроса 1
@oaksaudio
Поставьте не целое значение в:
Пример 1
slidesPerView: 3.5 // Показать три с половиной слайда, как на примере 1

Тогда вы увидите половину четвертого слайда. И так же в конце первый будет обрезан на половину.

Пример 2
slidesPerView:1.5,
centeredSlides: true,  //в связке с slidesPerView: 1.5 встанет как на примере 2
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы