Botão Próximo e anterior

[moisesf]

Tenho o script da imagem randômica funcionando perfeitamente,

Esse executo ao abrir o site.

Também tenho um botão avançar, que executa essa função abaixo.

Mas o exemplo abaixo é randômico, eu precisaria que fosse em sequência.

O que posso mudar para fazer próximo e anterior?

<script language="Javascript">

function next_foto(imgs) {

var qtdImagens=imgs;

imagens = new Array ("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto5.jpg","foto6.jpg");

for(i = 0; i < qtdImagens; i++) {

var indImg = Math.floor(Math.random()*(imagens.length - 1));

var foto = imagens[indImg];

document.getElementById("mostra_foto").style.background="url('" + foto + "') no-repeat";

} }

</script>

<div id="seguinte" onclick="next_foto(6);" ></div>

[moisesf]

Fiz isso abaixo, mas está dando um loop das 6 imagens de uma só vez e também não exibe a imagem 1:

<script language="Javascript">

function next_foto(imgs) {

var qtdImagens=imgs;

imagens = new Array ("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto5.jpg","foto6.jpg");

var ttl_img = (imagens.length -1);

for(i=0; i < ttl_img ; i++){

var valor = i;

var novovalor =valor + 1;

var indImg = novovalor;

var foto = imagens[indImg];

document.getElementById("mostra_foto").style.background="url('" + foto + "') no-repeat";

} }

</script>