Duda, para que usar (function(){

})();

Yo trataria de evitar el queryselector cada vez que llamamos move y moveTo

class Slider { constructor(selector) { this.move = this.move.bind(this); this.slider = document.querySelector(selector); this.container = this.slider.querySelector(".container"); this.sliderItemsCount = this.slider.querySelectorAll(".container > *").length; this.intervalId = null; this.sliderItemActive = 0 } start() { this.intervalId = setInterval(this.move, 2000); } move() { if(this.sliderItemActive >= this.sliderItemsCount - 1) { this.sliderItemActive = 0; }else { this.sliderItemActive++; } this.moveTo(this.sliderItemActive); } moveTo(index) { var moveTo = index * 100; this.container.style.left = -${moveTo}%; } stop() { clearInterval(this.intervalId); } } (function(){ new Slider(".slider").start(); })();

Ayuda Uriel, he hecho todo igual como el video pero al momento de cuando empieza a cambiar una imagen a otra se muestra como un efecto vacio osea en blanco y luego muestra la imagen y al siguiente cambio vuelve a mostrar todo el container en blancoy muestra la imagen, asi con las demas fotos pero cuando ya vuelve a empezar el cambio desde la foto 1 ya se muestra bien toda la transicion, tiene que ver con el tamaño de las fotos? todas deben ser del mismo tamaño independientemente del cambio que se haga en css