@ludovikxlv
На пути обучения

Как обновлять spaceBetween у слайдов при ресайзе Swiper?

Скрин 1: https://pastenow.ru/3c8dc948558558e8daab8046a95e7449

Скрин2 после сжатия у слайдов которые были внизу, отступы сохранились: https://pastenow.ru/8e42046c734a09074892a61f43ba0c04

Пробовал все что можно из документации swipera, не помогает

Вот мой сайт с этим слайдером blanchard-gallery.webtm.ru

const slider_about = new Swiper('.gallery__slider', {
	navigation: {
		nextEl: '.gallery__arrow--next',
		prevEl: '.gallery__arrow--prev',
	},
	pagination: {
		el: '.gallery__slider-fraction',
		type: 'fraction'
	},

	updateOnWindowResize: true,

	breakpoints:{
		500:{
	slidesPerColumnFill: 'row',
			slidesPerGroup: 1,
			slidesPerView: 1,
			slidesPerColumn: 0,
			updateOnWindowResize: true,
		},
		720:{
			slidesPerColumnFill: 'row',
			slidesPerGroup: 2,
			slidesPerView: 2,
			slidesPerColumn: 2,
			updateOnWindowResize: true,
			spaceBetween: 34,
		},

		980:{
			slidesPerColumnFill: 'row',
	slidesPerGroup: 3,
	slidesPerView: 3,
	slidesPerColumn: 2,
	updateOnWindowResize: true,
	spaceBetween: 10,
			},

		1024:{
			slidesPerColumnFill: 'row',
	slidesPerGroup: 2,
	slidesPerView: 2,
	slidesPerColumn: 2,
	updateOnWindowResize: true,
	spaceBetween: 34,
			},
			
		1330:{
	spaceBetween: 50,
	slidesPerColumnFill: 'row',
	slidesPerGroup: 3,
	updateOnWindowResize: true,
	slidesPerView: 3,
	slidesPerColumn: 2,
		}
	}
});
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы