[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]

Dobra więc napisałem sobie coś takiego i już umiem poprzez kliknięcie zmienic id dla stylów, ale jak to zrobic dla tekstu ?

Napisałem:

[HTML] pobierz, plaintext 
<a href="#" onclick="nastepne();">nastepne</a>
<img src="1.jpg" id="nastep" style="border: 3px solid red;">
 
<script type="text/javascript">
 
function nastepne(){
	var next = document.getElementById('nastep');
	next.style.border = "10px solid blue";
}
</script>
[HTML] pobierz, plaintext 

Ale jak się odwołac do 1.jpg ? zeby zamienic je np. na 2.jpg ? I czytalem o tym innerHTML i sie doczytalem ze nie powinno sie go stosowac - chyba ze jest stosowany z rozwaga.