Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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");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>Alguem pode me ajudar com essa logica, preciso apenas avancar e recuar nos valores da array!
Abracos
Marcus Vinícius
Carregando comentários...