Как подружить последоватльно опции Swiper JS swiper.autoplay.stop и swiper.slideToLoop?

Question

[Shakhrom Mukumov]

Хочу сделать что-то вроде интерактива, но некорректно работает slideToLoop.

Прокручиваем карусель в течении N вермени, я сделал через setTimeout, включаю карусель autoplay.start() и через N время autoplay.stop(), затем slideToLoop().

После autoplay.stop() некорректно срабатывает slideToLoop(), т.е. скролит не до нужного слайда.

const swiper = new Swiper('.swiper', {
	spaceBetween: 10,
	allowTouchMove: false,
	pauseOnMouseEnter: false,
	preventInteractionOnTransition: true,
	disableOnInteraction: true,
	allowSlidePrev: false,
	slidesPerView: 1,
	oneWayMovement: true,
	loop: true,
	speed: 300,
	centeredSlides: true,
	autoplay: {
		delay: 0,
		enabled: false,
	},
	freeMode: {
		enabled: true,
		sticky: false,
	},
});

const changeSlide = (id, info) => {
	swiper.autoplay.start();
	setTimeout(function() {
		swiper.autoplay.stop();
		swiper.slideToLoop(id - 1 , '1500', 
			setTimeout(function() {
				alert(info)
				spinBtn.disabled = false;
			}, 2000)
		)
		}, 3000)
};

Ссылка на карсульку

Буду благодарен за помощь.

Answer 1

[Виталий Першин]

Если я правильно понял, то как вариант:

Comments

[Shakhrom Mukumov]

Да, то что надо, немного доработаю чтобы перед выбором слайда чтобы чутка покрутил, а так всё как надо! Благодарю!

[Виталий Першин]

Shakhrom Mukumov, Добавил вариант с задержкой, чтобы дольше крутило.

[szQocks]

Shakhrom Mukumov, лучше конечно это не через слайдер делать, а просто расчётами и простой анимацией

это же линия с дропами я так предполагаю ? ну будущая ?