[Resolvido] Lógica de paginacao de fotos

[Marcus Vinícius Nash 0]

Olá Colegas do forum, estou com algumas dúvidas, bem estou tentando fazer um codigo parecido com o desse site http://www.lafoto.com.br/site/preparar.php5?gallery_name=casamento ://http://www.lafoto.com.br/site/prepa...name=casamento ://http://www.lafoto.com.br/site/prepa...name=casamento

 

<script>
// define as fotos
var fotos = new Array("001.gif","002.gif","003.gif");
// conta o total
var total = fotos.length;
// posicao inicial das fotos
var posicao = 1;
// define a primeira foto
var ft_src = fotos[0];

function show(act){

	   if(act=='back'){ var ft_n = posicao--; }
	   if(act=='next'){ var ft_n = posicao++; }
	   if(posicao <= 1) { document.getElementById('back').style.display='none'; } else { document.getElementById('back').style.display='block'; }
	   if(posicao == total) { document.getElementById('next').style.display='none'; } else { document.getElementById('next').style.display='block'; }

		 var ft_src = fotos[ft_n];

	   alert(posicao+'------'+ft_src );
		 document.getElementById('foto').src=ft_src;
}

function img(id,img){
	document.getElementById(id).src=img;
}
function hidden(){
	document.getElementById('back').src='transparente.gif';
	document.getElementById('next').src='transparente.gif';
}


</script>

<img id="foto" onmouseover="hidden();"										  border="0" src="transparente.gif" width="793" height="396">
<img id="back" onmouseover="img('back','ft_back.gif');" onclick="show('back');" border="0" src="transparente.gif" width="069" height="395" style="position: absolute; top: 0px; left: -1px; width: 69px; height: 395px; z-index: 1;   display:none;">
<img id="next" onmouseover="img('next','ft_next.gif');" onclick="show('next');" border="0" src="transparente.gif" width="069" height="395" style="position: absolute; top: -2px; left: 721px; width: 69px; height: 395px; z-index: 1; display:block;">
<script>document.getElementById('foto').src=ft_src;</script>

Bem, eu clico para avancar, ele pula para proxima foto, até entao tudo ok... mas quando eu clico para voltar ele pula para a ultima foto...

Alguem pode me ajudar com essa logica, preciso apenas avancar e recuar nos valores da array!

 

Abracos

Marcus Vinícius

[Henrique Barcelos 290]

cara, aqui está tudo ok...

 

não pula pra lugar nenhum, avança e volta certinho...

 

aliás, seu layout ficou bem interessante xD... apenas sugiro fazer a validação no W3C www.w3.org/validator, pois encontrei algumas inconsistências, como a ausencia do atributo alt nas imagens...

[Marcus Vinícius Nash 0]

Achei o erro!

 

if(act=='back'){ var ft_n = --posicao; }
	   if(act=='next'){ var ft_n = posicao++; }

Tinha colocado os -- após a variavel posicao