dejar slideIndex = 1;

Mostrar diapositivas (índice de diapositivas);

// Controles siguiente/anterior

función más Diapositivas (n) {

Mostrar diapositivas (índice de diapositivas += n);

}

// Controles de imagen en miniatura

función deslizamiento actual (n) {

mostrar Diapositivas (slideIndex = n);

}

función mostrar Diapositivas (n) {

Puedo;

let slides = document.getElementsByClassName("mySlides");

let puntos = document.getElementsByClassName("punto");

if (n > diapositivas.longitud) {slideIndex = 1}

si (n < 1) {slideIndex = diapositivas.longitud}

for (i = 0; i < diapositivas.longitud; i++) {

 slides[i].style.display = "none";

}

for (i = 0; i < puntos.longitud; i++) {

 dots[i].className = dots[i].className.replace(" active", "");

}

diapositivas[slideIndex-1].style.display = "bloque";

puntos[slideIndex-1].className += "activo";

}

A continuación se muestra el código completo de html, css, js de este proyecto de carrusel.

https://www.w3schools.com/howto/howto_js_slideshow.asp