/
githubmirror
/
50projects50days
Обзор
Документация
Войти
/
githubmirror
/
50projects50days
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
image-carousel/script.js
41 строка
773 B
Brad Traversy
Update script.js
16 авг 2021, 01:50
Не верифицирован
16 авг 2021, 01:50
b1e2d47
Код
Авторство
О чём код?
const imgs = document.getElementById('imgs') const leftBtn = document.getElementById('left') const rightBtn = document.getElementById('right') const img = document.querySelectorAll('#imgs img') let idx = 0 let interval = setInterval(run, 2000) function run() { idx++ changeImage() } function changeImage() { if(idx > img.length - 1) { idx = 0 } else if(idx < 0) { idx = img.length - 1 } imgs.style.transform = `translateX(${-idx * 500}px)` } function resetInterval() { clearInterval(interval) interval = setInterval(run, 2000) } rightBtn.addEventListener('click', () => { idx++ changeImage() resetInterval() }) leftBtn.addEventListener('click', () => { idx-- changeImage() resetInterval() })