responsywny slajder z odcinka 2 js

Question

Hej, wstawiłam slajder z drugiego odcinka p. Zelenta na swoją stronę, jednak chciałabym żeby zdjęcia w slajderze dopasowywały się do szerokości okna, ktoś wie jak to zrobić w przypadku slajdera?

tutaj niezmieniony kod z odcinka:

	<script type="text/javascript">
		
			var numer = Math.floor(Math.random()*5)+1;
			
			var timer1 = 0;
			var timer2 = 0;
			
			function ustawslajd(nrslajdu)
			{
				clearTimeout(timer1);
				clearTimeout(timer2);
				numer = nrslajdu - 1;
				
				schowaj();
				setTimeout("zmienslajd()", 500);
				
			}
			
			function schowaj()
			{
				$("#slider").fadeOut(500);
			}
		
			function zmienslajd()
			{
				numer++; if (numer>5) numer=1;
				
				var plik = "<img src=\"slajdy/slajd" + numer + ".png\" />";
				
				document.getElementById("slider").innerHTML = plik;
				$("#slider").fadeIn(500);
				
				timer1 = setTimeout("zmienslajd()", 5000);
				timer2 = setTimeout("schowaj()", 4500);
			
			}
			
		</script>

powinnam coś kombinować tutaj czy w cssie diva, w którym ten slajder się znajduje?

Answer 1

var plik = "<img src=\"slajdy/slajd" + numer + ".png\" width=\"100%\"  />";