Tengo un control deslizante con el botón de clic derecho izquierdo y se desliza bien pero no suave y me gustaría deslizar automáticamente mis imágenes de banner con una duración de 4-5 segundos, no he encontrado ningún tutorial sobre cómo hacer que se deslice automáticamente, consulte mi secuencia de comandos .
<script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script>Entiendo que hay dos preguntas:
¿Cómo puedo hacerlo más suave? Eso tendría que ver con elegir una propiedad CSS 'transicional' en lugar de display , como transform. Ver ejemplo: https://codepen.io/d88naimi/pen/YzzOQPB
El deslizamiento automático se puede lograr configurando un intervalo en el que ejecutaría la función de configuración de deslizamiento activa. Ver: https://www.w3schools.com/jsref/met_win_setinterval.asp
Espero eso ayude. Disfruta el proceso.