Как запретить листать на определенные слайды в Swiper?

Question

[dicem]

Появилась необходимость запрета прокручивания к первому и последнему слайду в Swiper.
у меня стоит initialSlide: 1 , который инициализирует слайдер со второго слайда.
Отображается 3 слайда и получается когда пользователь прокручивает к первому и последнему слайду остается пустое место слева и справа соответственно, выставить loop не вариант, ибо centeredSlides с loop не работает, поэтому принято решение просто запретить прокручивание к первому и последнему слайду, так как они все равно в области видимости.

Update (не смог запилить все в песочницу Т_Т jsfiddle не может в less, но суть сама в Swiper так что скринами)

Как по дефолту выглядит слайдер:

При свайпе на первый слайд

И на последний

Comments

[FeST1VaL]

а может какой то скриншот? или песочница было бы понятнее

[Антон Усачев]

А если запретить прокрутку влево на первом видимом слайде и вправо -- на последнем видимом? Например, через класс swiper-no-swiping (см. АПИ).

[dicem]

Антон Усачев, я чекал апи, этот класс запрещает свайпать по слайду, то есть на сам слайд можно прокрутить, но по нему свайпать уже никак, только через соседние, это бы помогло, если б у меня в отображении был только один слайд( но у меня 3

[Антон Усачев]

dicem, почему тогда просто не спрятать / убрать первый и последний слайды?

[dicem]

Антон Усачев, блин я скорей всего реально хреново описал, сейчас дополню пост

[dicem]

Антон Усачев,

Как по дефолту выглядит слайдер:

При свайпе на первый слайд

И на последний

Вот скринами если описать ситуацию, просто скрыть как бэ не вариант, там слайд просматривается.

[Антон Усачев]

dicem, да вроде все понятно...
Просто тут либо убирать centeredSlides, либо ставить loop. Остальное пилить стилями. Просто так от этой пустоты не избавиться, это фишка.

[Антон Усачев]

dicem, если видно все три слайда из трех и при этом не нужны белые пространства по "сторонам" слайдера, то я делаю вывод, что центрирование крайних слайдов -- это не центрирование, сам слайдер не должен двигаться. Т.е. это не слайдер, а просто три картинки с подписями в ряд.
Если все же слайдов будет больше трех, рекомендую не заморачиваться с непонятными пользователю механиками, а сделать все по уму теми средствами, которые разработчики этого классного слайдера уже вложили в свой продукт:

var mySwiper = new Swiper('.swiper-container', {
	loop: false,
	slidesPerView: 3,
	centeredSlides: false
});

[dicem]

Антон Усачев, эхх, все же там больше 3-х слайдов, ну ладно покумекаем, спасибо за ответ

Answer 1

[dicem]

Нашел решение, собственно покопавшись в документации, слава разрабам, запилили достаточно богатое api

partnersSwiper.on('slideChange', function() {
			if ( partnersSwiper.activeIndex == 0 )
				partnersSwiper.slideTo(1)
			else if ( partnersSwiper.activeIndex == partnersSwiper.slides.length - 1 )
				partnersSwiper.slideTo( partnersSwiper.slides.length - 2 )
		})