Este codigo que eu peguei Tem um Erro e eu não consigo soluciona-lo...

PedroCF · Maio 5, 2009

Eu peguei o seguinte codigo num Forum :

<body topmargin="0" leftmargin="0">
<script language="JavaScript">
// Define as fotos na Array fotos
var fotos = new Array('../img/carros/Audi/0001/01.jpg',
'../img/carros/Audi/0001/02.jpg',
'../img/carros/Audi/0001/03.jpg',
'../img/carros/Audi/0001/04.jpg',
'../img/carros/Audi/0001/05.jpg');
// Conta o Total de fotos
var total = fotos.length;
// Define uma posição inicial
var posicao = 1;
// Define a imagem inicial
var ft_src = fotos[0];
function show(act){
//Soma -1 do total da posição
if(act=='back'){ var ft_n = --posicao; }

//Soma +1 do total da posição
if(act=='next'){ var ft_n = posicao++; }

// Esconte a opção de voltar caso seja meno ou igual a 0
if(posicao <= 0) {document.getElementById('back').style.display='none';} else { document.getElementById('back').style.display='block'; }

//if(posicao = 0) { posicao = posicao++}

// Esconte a opção de avançar caso seja igual a 0
if(posicao == total) { document.getElementById('next').style.display='none'; posicao = --posicao;} else { document.getElementById('next').style.display='block'; }

// Define a foto que irá aparecer
var ft_src = fotos[ft_n];
document.getElementById('foto').src=ft_src;

// Escreve a posição para visualizar
window.document.getElementById('paginacao').innerHTML = posicao+' / '+total;
}
// Define as imagens dos botões
function img(id,img){
document.getElementById(id).src=img;
}
// Esconde as imagens dos botões
function hidden(){
document.getElementById('back').src='../img/transparente.gif';
document.getElementById('next').src='../img/transparente.gif';
}
</script>
<style>
.paginacao
{
z-index: 2;
position: absolute;
padding-left: 2px;
padding-right: 2px;
left: 230;
top: 512;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 12pt;
color: #000767;
}
a:link, a:visited, a:active {
text-decoration: none;
color:#000767;
}
a:hover {text-decoration: underline;
color:#000767;
font-size:15px;
}

.back
{
z-index: 1;
display: none;
position: absolute;
top: 50px;
left: 10px;
}
.next {
z-index: 1;
display: block;
position: absolute;
top: 50;
left: 358;
}
.foto
{ position:absolute;
top:50px;
left:88px;
}
.barratop { position:absolute;
top:1px;
left:0px;
}
.barrabottom { position:absolute;
top:506px;
left:0px;
}
.btFechar { position:absolute;
top:2px;
left:2px;
}
</style>
<div class="paginacao">Audi Q7 4.2 V8 Fsi Top</div>
<img src="../img/topoFoto.jpg" class="barratop">
<a href="java script:history.go(-1)" title="Fechar Fotos">
<img src="../img/fechar.gif" class="btFechar" width="90" height="13" border="none">
</a>
<img src="../img/rodapeFoto.jpg" class="barrabottom">
<img id="foto" onMouseOver="hidden();" border="0" src="../img/transparente.gif" width="500" height="400" class="foto">
<a href="java script:show('back');">
<img id="back" onMouseOver="img('back','../img/ft_back.gif');" border="0" src="../img/ft_back.gif" width="308" height="395" class="back">
</a>
<a href="java script:show('next');">
<img id="next" onMouseOver="img('next','../img/ft_next.gif');" border="0" src="../img/ft_next.gif" width="308" height="395" class="next">
</a>
<script language="JavaScript">
// Define a foto
document.getElementById('foto').src=ft_src;
// Define a posição
window.document.getElementById('paginacao').innerHTML = posicao+' / '+total;
</script>

Se quiser ver este codigo funcionando é só acessar este link abaixo...

WebProj

Ps.: Tem que clicar encima da foto pequena, ou do link com o nome do carro para

ver o que eu estou falando...

o codigo que exibe as fotos grandes, sem usar REFRESH...

nesse eu tirei o mostrador de posição, mas o original tinha, só que ele começava com a

foto 0 (zero) e também dava um erro na contagem....

O defeito que eu me refiro é que quando você está passando as fotos e resolve voltar para a anterior,

sempre tem que dar dois cliques.

fica aparecendo na barra de status... Erro na pagina.

eu consegui resolver o problema quando chega na ultima foto e vai voltar pra anterior,

mas nas outras situações... está passando pra frente e resolve voltar, sempre tem que dar 2 cliques...

Que estiver disposto a me ajudar, pode baixar o mesmo arquivo que eu baixei...

que dá para testar, editar...com todas as imagens necessárias...

afx_fotos.zip

Entrar

Este codigo que eu peguei Tem um Erro e eu não consigo soluciona-lo...

Pergunta

PedroCF

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades