[JavaScript] Wyświetlanie obrazów z pomocą tablic

Dla specjalistów Programowanie
#1

Witam,
dziś na próbnym egzaminie mieliśmy zrobić stronkę, oczywiście zrobiłem jak potrafiłem. Jednak chciałbym to poprawić.
Problem polega na tym, że ma zmieniać się się zdjęcie po prawo po naciśnięciu zdjęcia z menu, na egzaminie utworzyłem do każdego zdjęcia osobną funkcję, innymi sposobami nie chciało mi wgl zadziałać. W domu kombinowałem jak mam to zrobić, na pasja informatyki było podobne zadanie ze slajdami, tylko tam wystarczyło zmieniać liczbę, a ja nie mogę zmienić nazwy zdjęcia.
Oto mój kod

JS

var samochody = [ “captur”,“leon”,“octavia”,“trafic”] // z tej tablicy ma wybrać nazwę samochodu

function ustawslajd(i) //ustawia samochód jaki naciśniemy
{
numer = samochody[i-1];

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

		document.getElementById("zdj").innerHTML = plik;
	}

``
HTML

		<div class="panel_lewy"> <!-- Tutaj znajdują się zdjęcia na które jak naciśniemy  powinno zmienić w id="zdj" (tak wiem, span był zbędny, onclick mógłbym wstawić po prostu do img)
		<h2> Nasza flota </h2>
		<p><span onclick="ustawslajd(1)"> <img src="captur_mini.png" alt="auto1" ></span></p>
		<p><span onclick="ustawslajd(2)"> <img src="leon_mini.png" alt="auto2" ></span></p>
		<p><span onclick="ustawslajd(3)"> <img src="octavia_mini.png" alt="auto3" ></span></p>
		<p><span onclick="ustawslajd(4)"> <img src="trafic_mini.png" alt="auto4" ></span></p>
		<div class="cennik">
			<a href="cennik.html"><h2> Cennik</h2></a>
		</div>
	</div>
	
	<div class="panel_prawy"> <!-- tu ma zmienić captur na jakiś inny samochód --> 
		<h1> Samochód </h1>
		<p id="napis"> Renault Captur </p>
	    <div id="zdj">
	        <img src="captur.png" alt="foto">
	    </div>
	</div>

#2

Generalnie sposób jest OK. Nie wiem co tu poprawiać.
Nie za bardzo tylko wiem co to jest “slider”, chyba powinno być “zdj”.

A najlepiej:
<div><img id="zdj" src="captur.png" alt="foto"></div>

function ustawZdjecie(sciezka) {
   document.getElementById("zdj").src = sciezka;
}

Po co podmieniać całą zawartość div’a?

#3

JS (nie umiem wstawiać za pomocą tekstu formatowanego, jakoś mi się rozwala)
https://4programmers.net/Pastebin/14632 - > funkcja która ma wyświetlić zdj
https://4programmers.net/Pastebin/14633 - > html który jest przypisany do js

Chodzi o to, aby dane były wyciągane z tablicy, w htmlu wartości przypisane są tylko 1,2,3,4… , a js sam sobie z tablicy wyciąga nazwę samochodu i podmienia na stronie. (poprawiłem trochę js i wartość to i-1, tak aby w html nie zaczynało się od 0 tylko po prostu od 1).

Tylko niestety to nie działa i nie wiem dlaczego.

Zapomniałem dodać, że nie wszystko co jest w 1 poście powinno być na stronie, slider przekopiowany od Pasja Informatyki, bo na stronie mi nie chciało działać, jak widać nadal nie działa :frowning: . // USUNĄŁEM NIEPOTRZEBNY KOD W 1 POŚCIE