-
Notifications
You must be signed in to change notification settings - Fork 0
/
image-slider.js
31 lines (30 loc) · 795 Bytes
/
image-slider.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
const next=document.querySelector(".next");
const prev=document.querySelector(".prev");
const imgE1=document.querySelectorAll("img");
let currentimg=1;
const imgcont=document.querySelector(".image-container");
let timeout;
next.addEventListener("click",()=>{
currentimg++;
clearTimeout(timeout);
updateimg();
})
prev.addEventListener("click",()=>{
currentimg--;
clearTimeout(timeout);
updateimg();
})
updateimg();
function updateimg(){
if(currentimg>imgE1.length){
currentimg=1;
}else if(currentimg<1){
currentimg=imgE1.length;
}
imgcont.style.transform=`translateX(-${(currentimg-1)*500}px)`;
clearTimeout(timeout);
timeout=setTimeout(()=>{
currentimg++;
updateimg();
},3000)
}