#Loop continuously with swiper.js
The swiper needs loop
and speed
.observer
is necessary when the 0 index is wrong.
<swiper
:slides-per-view="'auto'"
:loop="true"
:speed="5000"
:prevent-interaction-on-transition="true"
:observer="true"
:observe-parents="true"
@swiper="onSwiper"
>
<!-- ... -->
</swiper>
Once swiper js is initialized it can be looped.
onSwiper(swiper) {
const loop = () => {
swiper.slideTo(swiper.slides.length - swiper.loopedSlides * 2);
swiper.once('transitionEnd', () => {
swiper.slideTo(0, 0, false);
setTimeout(loop, 0);
});
}
loop();
}