Update script.js

This commit is contained in:
Brad Traversy 2021-08-15 18:50:23 -04:00 committed by GitHub
parent 0561e5e900
commit b1e2d47152
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -4,7 +4,7 @@ const rightBtn = document.getElementById('right')
const img = document.querySelectorAll('#imgs img') const img = document.querySelectorAll('#imgs img')
let idx = 1 let idx = 0
let interval = setInterval(run, 2000) let interval = setInterval(run, 2000)
@ -15,34 +15,12 @@ function run() {
function changeImage() { function changeImage() {
if(idx > img.length - 1) { if(idx > img.length - 1) {
idx = img.length - 1
imgs.style.transition = 'all, linear, 1s';
imgs.style.transform = `translateX(${-idx * 500}px)`
setTimeout(function() {
idx = 1;
imgs.style.transition = '';
imgs.style.transform = `translateX(${-500}px)`
},0)
}
else if(idx < 0){
idx = 0 idx = 0
} else if(idx < 0) {
imgs.style.transition = 'all, linear, 1s'; idx = img.length - 1
imgs.style.transform = `translateX(${-idx * 500}px)`
setTimeout(function() {
idx = img.length - 2;
imgs.style.transition = '';
imgs.style.transform = `translateX(${-idx * 500}px)`
},0)
} }
else{
imgs.style.transition = 'all, linear, 1s'; imgs.style.transform = `translateX(${-idx * 500}px)`
imgs.style.transform = `translateX(${-idx * 500}px)`
}
} }
function resetInterval() { function resetInterval() {
@ -60,4 +38,4 @@ leftBtn.addEventListener('click', () => {
idx-- idx--
changeImage() changeImage()
resetInterval() resetInterval()
}) })