-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
37 lines (29 loc) · 815 Bytes
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
'use strict';
$(function(){
//configuration
var width = 1260;
var animationSpeed = 1000;
var pause = 3000; //auto interval
var currentSlide = 1;
//cache DOM
var $slider = $('#slider__wrap');
var $slideContainer = $slider.find('.slides');
var $slides = $slideContainer.find('.slide__item');
var interval;
function startSlider() {
interval = setInterval(function() {
$slideContainer.animate({'margin-left': '-=' + width}, animationSpeed, function(){
currentSlide++;
if(currentSlide === $slides.length){
currentSlide = 1;
$slideContainer.css('margin-left', 0);
}
});
}, pause);
}
function stopSlider() {
clearInterval(interval);
}
$slider.on('mouseenter', stopSlider).on('mouseleave', startSlider);
startSlider();
});