flipkart-clone/script.js at main · Py8050147/flipkart-clone · 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
const imagecontainer = document.querySelector(".image-container")
const sliders = document.querySelectorAll(".slider")
//console.log(sliders)

let counter = 0

const next = () => {
    if(counter < sliders.length - 1){
        counter++
    }
    else{
        counter = 0
        //console.log('hiii')
    }
    // clearInterval(timeout)
    imgaeslider()
}

const prev = () => {
    counter--
    imgaeslider()
    // clearInterval(timeout)
}

sliders.forEach((slider, index) => {
   // console.log(image);
    slider.style.left = `${index * 100}%`

})

const imgaeslider = () => {
    sliders.forEach((slider) => {
        slider.style.transform = `translateX(-${counter * 100}%)`
    })

}

document.addEventListener("DOMContentLoaded", () => {
    setInterval(next, 2000)
   // console.log(setInterval(next, 2000))
})