problem z załoczeniem zdjecia do prezentacji

pytanie zadane 10 lipca 2019 w JavaScript przez bartekkkk Nowicjusz (170 p.)

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8" />
  
  <style>
       body
	{
	   background-color: #222222;
	   front-size: 24px;
	   color: white;
	   
	}  
  </style>
  
  <script type="text/javascript">
  
         var liczba = Math.floor(Math.random()*5)+1;
  
      function next()
	    { 
	        numer++; if(liczba>5) liczba= 1;
			
			var plik = "<img src=\"slajdy/slajd" + numer + ".png\" />";
			
			document.getElementById("slider").innerHTML=plik;
			
			setTimeout("next()",5000);
	  
	  
	  
	  
	  
	    }
  
  
  
  
  
  
  </script>

</head>
<body onload="next()">
     
	 <div id="slider"></div>


</body>
</html>

Moj problem polega na tym że zdjecia nie dodaja mi sie na strone

zdjecia posaidam w tym samym folderze co strone.Zdjecia w folderze sa w katalogu slajdy i pojedyncze zdjecie nazywaaja sie slajd 1 slajd 2 itp. zgory dziekuje za odpowiedzi ;)

1 odpowiedź

odpowiedź 10 lipca 2019 przez pablop76 VIP (123,120 p.)
wybrane 11 lipca 2019 przez ScriptyChris

Najlepsza

Używaj DevTools (narzędzia developerskie w przeglądarce) Zobaczysz error : numer is not defined

co oznacza, że zmienna numer nie została zdefiniowana. Numer to tak naprawdę liczba którą losujesz na początku, więc inkrementacja powinna dotyczyć właśnie zmiennej liczba a nie numer i własnie ta liczba będzie numerem wyświetlanego zdjęcia. Inkrementacja powinna powinna odbywać się po wyświetleniu pierwszego slajdu.

<div id="slider"></div>

var liczba = Math.floor(Math.random()*5)+1;
      function next()
        { 
            if(liczba > 5) liczba = 1;       
            var plik = liczba ;   
            document.getElementById("slider").innerHTML=plik;   
            setTimeout("next()",5000);
					  liczba++
        }
   
next()