Slider con HTML, CSS y JS

[@andresacuna1588]

Buen video, me gusto la función que usaste para mount

[@warriors000]

muchas gracias :)

[@jordilopez3087]

gracias, buen aprendizaje

[@jeansosa463]

/*SIMILAR SOLUCIÓN PERO MÁS MODULARIZADA*/ por cierto, me gusto tu video:,) const slider = document.querySelectorAll(".slider-content"); const previous = document.querySelector(".previous"); const next = document.querySelector(".next"); let index = 0; const setVisibleClass = (element) => { element.classList.add("visible"); }; const setHiddenClass = (element) => { element.classList.remove("visible"); }; addEventListener("DOMContentLoaded", () => { setVisibleClass(slider[0]); }); previous.addEventListener("click", () => { setHiddenClass(slider[index]); if(index { setHiddenClass(slider[index]); if(index>=(slider.length-1)){ index = 0; }else { index++; } setVisibleClass(slider[index]); })

[@autodidactdev1482]

Muy buena solución y gracias por compartir con todos nosotros : )

[@juanquintar8147]

muy bueno !! 😎

[@destradar1]

Amigo gracias me gustó tu slider. Una consulta como puedo hacerlo automático. Una sugerencia gracias.

[@autodidactdev1482]

Hola Dante, para hacer que avance automáticamente podrías usar un setInterval y que este ejecute una función que haga que el slider avance : )

[@MiguelHernandez-zv8ne]

Como seria que el Slider cambie automáticamente o con click. Si no hay click de todas manera que cambie.

[@Angelica_Guacare]

Esta bueno, pero no me sirve para darle siguiente o para volver a la imagen anterior copie tal cual el codigo. No se que estaria mal.