Доброго дня, друзья, подскажите, как собсна показать следующий блок при наличии 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>
