caojiezi2003/50projects50days
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update script.js

Browse Source
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
1 changed files with 6 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
image-carousel/script.js
View File

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