Как запустить autoplay только при наведении на блок, в swiper'e?

Question

[b4rret]

Необходимо по hover'у на контейнер запускать autoplay слайдера swiper
Сделал следующее, но сразу после загрузки слайдер начинает воспроизведение, а если не задавать в конфигурации autoplay, то ругается на неизвестные функции slider.autoplay.start/stop

var swiper = new Swiper ('.swiper-container', {
			slidesPerView: 'auto',
			centeredSlides: true,
			allowTouchMove: true,
			touchReleaseOnEdges: true,
			autoplay: {
				delay: 1000,
				stopOnLast: true
			}
			on: {
				init: function() {
					var slider = this;
					$('.block').mouseenter(function() {
						slider.autoplay.start();
					}).mouseleave(function() {
						slider.autoplay.stop();
					});
			}
		});

Answer 1

[b4rret]

В общем, вызвал slider.autoplay.stop(); уже после объявления слайдера. В init'e slider.autoplay.running === false, после объявления слайдера становится true. Скорей всего autoplay вызывается после init'a слайдера

Answer 2

[Никита Кит]

Попробуй так. В параметрах autplay оставь

init: function() {
          var slider = this;
          slider.autoplay.stop();
          $('.block').mouseenter(function() {
            slider.autoplay.start();
          }).mouseleave(function() {
            slider.autoplay.stop();
          });

Comments

[b4rret]

Никакой реакции, при этом обработчики отрабатывают (mouseenter, mouseleave)

[Никита Кит]

b4rret, чекни в колбэках статус: slider.autoplay.running . Никакой реакции не бывает, что-то он делает, просто не так, как планируется

[Никита Кит]

b4rret, крч ты разобрался))) swiper нелогичен в некоторых моментах после его недавнего обновления до 4й версии, но поковырявшись в api, потыкая брэйкпоинты и console.log постепенно начинаешь вникать. Недавно мне пришлось поднимать iphone над родительским блоком, слайдера, в котором он находился. Создал дубликат, положил туда копию айфона и вызвал ивенты slideChange для синхронизации основного слайдера с его клоном - очередной подводный камень либы - при инициализации swiper + loop: true вызывает clideChange которого, визуально не заметно. Подумал подебажил - нашёл runCallbacksOnInit.

Answer 3

[Mike & Bob]

Отключать надо в afterInit

afterInit: (swiper) => {
  swiper.autoplay.stop(); 
},