[JavaScript]Mała galeria w JS Opcje

[piotr485]

Witam, jako, że dopiero zaczynam przygodę z JS - próbuję stworzyć galerię i przyciski do niej "następne zdjęcie", "poprzednie zdjęcie".

Napisałem taki kod:

[HTML] pobierz, plaintext 
<a href="#" onclick="nastepne();">nastepne</a>
 
var fotki = new Array (
	"1.jpg",
	"2.jpg",
	"3.jpg",
	"4.jpg",
	"5.jpg",
	"6.jpg",
	"7.jpg",
	"8.jpg"
);
 
function nastepne(){
document.write("<img src=\"" + fotki[1] + "\">");
}
[HTML] pobierz, plaintext 

Problem w tym, że nie wiem jak przekazać do fotki[1], za każdym kliknięciem dodanie +1 - trzeba to zrobić za pomocą pętli czy jak ?
Proszę o nakierowanie.

P.S. Byc może od złej strony się do tego zabieram ?

[piotr485]

Zastosowałem to z innerHTML tyle, że jak pisałeś wczesniej po co za kazdym razem dawac to w div'a.

Teraz mam tak:

[HTML] pobierz, plaintext 
<a href="#" onclick="nastepne();">nastepne</a>
<img src="1.jpg" id="nast">
 
 
<script type="text/javascript">
var fotki = new Array (
	"1.jpg",
	"2.jpg",
	"3.jpg",
	"4.jpg",
	"5.jpg",
	"6.jpg",
	"7.jpg",
	"8.jpg"
);
 
 
 
 
function nastepne(){
 
	var next = document.getElementById('nast');
	next.src = fotki[1];
 
}
</script>
[HTML] pobierz, plaintext 

Jak za każdym kliknięciem dodać +1 do fotki[1] trzeba to zrobic za pomoca petli for ? jesli tak to jaki powinnien byc wynik tej petli nie mowie o gotowcu tylko o wyniku tej petli a nie kodzie ktory tworzy ta petle