Slideshow Pure Javascript

Gan ini saya sedang belajar membuat web statis, nah disini saya dapat kendala ketika ingin membuat slideshow ketika memindah internal js menjadi eksternal js

pas waktu saya pasang langsung diatas body gambar slide yang pertama langsung muncul dengan display:block dan kodenya seperti dibawah ini

<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
	for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
	}
	x[slideIndex-1].style.display = "block";
}
</script>

tetapi ketika saya pindah ke file javascript gambar tidak langsung muncul, dan harus di klik next/prev dahulu baru gambar bisa keluar dikarenakan defaultnya display=none, kira" apa yang harus diperbaiki gan,Terima Kasih...