Imagem inicial em slideshow

Bom, tenho um codigo de slide que não aparece uma imagem principal, só aparece os botões de prev e next, após clicar em qualquer botão, aparece as imagens, mas eu quero que aparece uma imagem inicial sem precisar clicar em nenhum dos botões ! Se alguem souber, eu agradeço.

 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";
 }