Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<title>JQuery</title>
	<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
	<style type="text/css">
		body {
			background-color: #222222;
			font-size: 24px;
			color: white;
		}
	</style>
	<script>
		var obrazy=new Array('zdj1.jpg','zdj2.jpg','zdj3.jpg','zdj4.jpg','zdj5.jpg','zdj6.jpg','zdj7.jpg','zdj8.jpg');
		var numer=Math.floor(Math.random()*7)+1;
		var len=obrazy.length;
		function zmienSlajd() {
			numer++;
			if (numer==len) numer=0;
			var plik="<img src=\" "+ obrazy[numer] + "\">";
			document.getElementById("slider").innerHTML=plik;
			setTimeout("zmienSlajd()", 5000);
		}
	</script>
</head>
<body onload="zmienSlajd()">
<div id="slider"></div>

</body>
</html>