let left = document.querySelector('.left'); let right = document.querySelector('.right'); let img = document.querySelector('.imgs'); let imgs = document.querySelectorAll('img'); let index = 0; function rightimg() { right.addEventListener('click', function () { index++; if (index > imgs.length - 1) { index = 0; } img.style.transform = `translateX(${-index * 500}px)`; console.log(img); }); } // setInterval(rightimg, 2000); left.addEventListener('click', function () { index--; if (index < 0) { index = imgs.length - 1; } img.style.transform = `translateX(${-index * 500}px)`; console.log(img); });Su función agrega un detector de eventos, pero solo funcionará cuando haya un evento (que es hacer clic en este caso)
Puede usar swiperjs, tiene muchos tipos de características e implementaciones de marco/biblioteca. https://swiperjs.com/swiper-api