Creé una presentación de diapositivas automática, pero me di cuenta de que no mostraba todas las imágenes que había configurado. para ser más precisos, no muestra los números pares
Esto es lo que tengo en el archivo .js:
//Automatic Slideshow var slidePosition = 1; SlideShow(slidePosition); // forward/Back controls function plusSlides(n) { SlideShow(slidePosition += n); } // images controls function currentSlide(n) { SlideShow(slidePosition = n); } var slidePosition = 0; SlideShow(); function SlideShow() { var i; var slides = document.getElementsByClassName("menuSlides"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slidePosition++; if (slidePosition > slides.length) {slidePosition = 1} slides[slidePosition-1].style.display = "block"; setTimeout(SlideShow, 4000); // Change image every 4 seconds }Esto en el archivo .html:
<div class="slideshow-container fade"> // this container has 6 more images <div class="menuSlides"> <div class="MessageInfo">1 / 6</div> <img src="images/menu-appetizers.jpg" alt="Appetizers" style="width:100%"> </div> <!-- Back and forward buttons --> <a class="back" onclick="plusSlides(-1)">❮</a> <a class="forward" onclick="plusSlides(1)">❯</a> </div> <!-- The circles/dots --> <div style="text-align:center"> <span class="dots" onclick="currentSlide(1)"></span> <span class="dots" onclick="currentSlide(2)"></span> <span class="dots" onclick="currentSlide(3)"></span> <span class="dots" onclick="currentSlide(4)"></span> <span class="dots" onclick="currentSlide(5)"></span> <span class="dots" onclick="currentSlide(6)"></span> </div>Por favor, ¿alguien podría ayudarme a encontrar el error? Agradeceré la ayuda. Gracias.
Está llamando a SlideShow dos veces en el cuerpo principal de su script. Esto activa dos temporizadores e incrementa las cosas en pasos de dos. Solo debe llamar a SlideShow una vez cuando configure la presentación de diapositivas.
var slidePosition = 1; SlideShow(slidePosition); // get rid of this // ..... var slidePosition = 0; SlideShow(); // or get rid of thisLa función no acepta argumentos, por lo que la primera llamada no tiene mucho sentido.