codetalkerz/slide.js at master · vinnyCalixto/codetalkerz · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
const slides = document.querySelectorAll('.slide');
const next = document.querySelector('#next');
const prev = document.querySelector('#prev');
const auto = true;
const intervalTime = 5000;
let slideInterval;

const nextSlide = () =>{

	const current = document.querySelector('.current');

	current.classList.remove('current');

	if (current.nextElementSibling) {

		current.nextElementSibling.classList.add('current');

	} else {

		slides[0].classList.add('current');
	}

	setTimeout(() => current.classList.remove('current'));

};

const prevSlide = () =>{

	const current = document.querySelector('.current');

	current.classList.remove('current');

	if (current.previousElementSibling) {

		current.previousElementSibling.classList.add('current');

	} else {

		slides[slides.length - 1].classList.add('current');
	}

	setTimeout(() => current.classList.remove('current'));
};

next.addEventListener('click', e =>{

	nextSlide();
	if(auto) {
		clearInterval(slideInterval);
		slideInterval = setInterval(nextSlide, intervalTime);
	}
});

prev.addEventListener('click', e =>{

	prevSlide();
	if(auto) {
		clearInterval(slideInterval);
		slideInterval = setInterval(nextSlide, intervalTime);
	}
});

if (auto) {

	slideInterval = setInterval(nextSlide, intervalTime);
}