Logowanie

JS - 2 odc. Mirosław Zelent, obrazek nie pojawia się z przejściem

pytanie zadane 3 lutego 2019 w HTML i CSS przez program naczelny Gaduła (3,320 p.)

Witam!

Napotkałem pewien problem, mianowicie wszystko działa jak w odcinku, fadeIn i fadeOut ładnie przechodzi, natomiast mam pytanie co do początku. Nie mogę znaleźć powodu dla którego obrazek nie wchodzi w ciągu 0.5 sec na ekran przy załadowaniu strony. Jeżeli ktoś wyjaśni, będę wdzięczny.

<!DOCTYPE HTML>
<html lang="pl">
<head>
 <meta charset="utf-8"/>
 <title>slajdy</title>
 
 <script src="jquery-3.3.1.min.js"></script>
 
 <script type="text/javascript">
 var licznik=1;
 function schowaj()
  {
  $("#slider").fadeOut(500);
  }
 
 function zmien_slajd()
 {
  if(licznik>5)licznik=1;
  var plik = "<img src=\"nr" + licznik + ".jpg\"/>";
  document.getElementById("slider").innerHTML = plik;
  $("#slider").fadeIn(500);
  setTimeout("zmien_slajd()", 5000);
  setTimeout("schowaj()", 4500);
  licznik++;
 }
 </script>
</head>


<body onload="zmien_slajd()">
 


<div id="slider">

</div>


</body>
</html>