为什么我的图像滑块不自动启动？

Question

I hope to get some help here. I think the solution can be very easy but I can't find the problem.

I created an image slider with changing buttons on click. I have the code from the internet and it works fine. The problem is that the carousel doesn't start automatically on the website starter page. The slideshow loop only starts if I click on the first picture.

This is how my .js code looks like. Regards :)

/*SLIDESHOW*/
var slideIndex = 0;
showSlide(slideIndex);

function plusSlides(n){
showSlide(slideIndex += n);
}


function currentSlide(n) {
showSlide(slideIndex = n);
}


function showSlide(n){
var i;
var slides = document.getElementsByClassName("myslides fade");
var dots = document.getElementsByClassName("dots");
if (n > slides.length) { slideIndex = 3};
if (n < 3) { slideIndex = slides.length};
for (i=0;i<slides.length;i++)



 {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) 
  {slideIndex = 1}
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";
setTimeout(showSlide, 3000);

}

Answer 1

Add your code inside a document.ready function and try,

$( document ).ready(function() {

     //Your Code

});