Как показать первый блок следующим?

Question

[Павел Сидоров]

Доброго дня, друзья, подскажите, как собсна показать следующий блок при наличии loop и navigation в swiper?
Сейчас , если я стрелками долистаю до последнего блока, он мне не покажет 1 слайдер, но при нажатии на него перейдет. Складывается впечатление, что слайдер не зациклен.

прикладываю фото

мой код, стандрт

let eventsSwiperSelector = '.events__swiper',
	eventsSwiperOptions = {
		init: false,
		navigation: {
			nextEl: '.events__next',
			prevEl: '.events__prev',
		},
		loop: true,
		speed: 800,
		slidesPerView: 1,
		spaceBetween: 0,
		centeredSlides: true,

		breakpoints: {
			320: {
				spaceBetween: 20,
			},
			600: {
				spaceBetween: 0,
			}
		},
	},
	eventsSwiper = new Swiper(eventsSwiperSelector, eventsSwiperOptions);
	eventsSwiper.init();

html смешан с php, ну суть ясна

<div class="swiper events__swiper">
	<div class="swiper-wrapper">
	<?foreach($arResult["ITEMS"] as $arItem):?>
		<div class="swiper-slide events__item">
			<div class="events__inner">
				<a href="<?=$arItem["PROPERTIES"]["HREF"]["VALUE"]?>" class="events__content">
					<img loading="lazy" class="events__img events__img--1280" src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>">
				</a>
			</div>
		</div>
	<?endforeach;?>
	</div>
	<div class="swiper__nav swiper__nav_simple">
		<div class="swiper__button swiper__button_prev events__prev"></div>
		<div class="swiper__button swiper__button_next events__next"></div>
	</div>
</div>

Comments

[Александр Васильев]

не понятно, что именно не работает. Вот эту опцию используй slidesPerView: "auto",
а, ну и попробуй без loading="lazy" , наверное не догружаются

[Павел Сидоров]

Александр Васильев, лучший. спасибо тебе Александр, друг

[Александр Васильев]

Павел Сидоров, на здоровье