Nyleve/script.js at main · suelisena/Nyleve · 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


//inicio Slider Banner
let totalSlides = document.querySelectorAll('#sliderarea').length;
let currentSlide = 0;
let sliderWidth = document.querySelector('.sliders').clientWidth;
document.querySelector('.slider').style.width = `calc(100vw = ${totalSlides})`;


function goPrev() {
    currentSlide--;
    if(currentSlide < 0) {
        currentSlide = totalSlides - 1;
    }

    updateMargin();
}

function goNext() {
    currentSlide++;
    if(currentSlide > (totalSlides-1)) {
        currentSlide = 0;
    }

    updateMargin();
}

function updateMargin(){
    let sliderItemWidth = document.querySelector('#sliderarea').clientWidth;
    let newMargin = (currentSlide * sliderItemWidth);
    document.querySelector('.slider').style.marginLeft = `-${newMargin}px`;
}


setInterval(goNext, 5000);