Немного криво работает слайдер?

Question

[PhilJS]

Здравствуйте. Нашел на одном сайте слайдер и переписал его под свои нужды. Проблема в том, что при открытии страницы, если курсор находится прям на слайдере, то после того, как его убрать, слайдится 2 картинки вместо одной. Подскажите, пожалуйста, что пофиксить?
Исходник: https://codepen.io/PhilJS/pen/GEPpWb?editors=1010
Проверять лучше всего тут: https://codepen.io/PhilJS/full/GEPpWb/

Comments

[Ди Ма]

У меня все нормально работает. Слайдится по одной картинке. А вот автопереключение лучше убирать, когда курсор над слайдером. Может это и сбило вас с толку? Один слайд - клик, а другой слайд - автомат..

[PhilJS]

Ди Ма: Возможно я неправильно объяснил.
Если во время открытия страницы курсор находится на слайдере, то если его убрать со слайдера, то именно автоматическая прокрутка слайдит сразу 2 картинки(заметно по интервалу). Клик по кнопкам нормально работают, багается только автоматическая прокрутка

[Ди Ма]

PhilJS: Перепроверил много раз все возможные варианты. У меня по одной переключается. Примерно раз в 2 сек.

[Ди Ма]

PhilJS: А, вот, поймал) Но это происходит не всегда.. Пока не понятно, при каких обстоятельствах..

[PhilJS]

Ди Ма: когда, при открытии страницы, курсор располагается прям на слайдере.
Получается, что слайдер останавливается, а когда курсов убирается, запускается автоматическая прокрутка

[Ди Ма]

PhilJS:

$('.slide').hover(function(){
	clearInterval(sliderGo);
},function(){
	sliderGo=setInterval(nextSlide,slideDelay);
});

Когда мышь над слайдером изначально, то вызвана будет только вторая функция.. Т.е. один интервал будет создан при старте, а другой будет создан, когда мышь уйдет со слайдера (без остановки предыдущего).

[PhilJS]

Ди Ма: Спасибо большое!
Добавил сброс интервала, когда мышь уходит со слайдера и все заработало!

[PhilJS]

Ди Ма: Жаль, что нельзя пометить комментарий решением)

[Ди Ма]

PhilJS: Пожалуйста)
А вообще, реализация у вас странная, конечно)

Answer 1

[Денис]

Я думаю что ошибка в функциях следующего и предидущего слайда, пожалуйста посмотрите исправленный вариант
https://codepen.io/mrtall/pen/gRZMwN

Answer 2

[Kovalsky]

$('.slide').hover(function(){
  clearInterval(sliderGo);
},function(){
  sliderGo=setInterval(nextSlide,slideDelay);
});

Когда мышь над слайдером изначально, то вызвана будет только вторая функция.. Т.е. один интервал будет создан при старте, а другой будет создан, когда мышь уйдет со слайдера (без остановки предыдущего).

© dimentimor