Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Neto Diniz

Imagem com Javascript

Por , em Javascript

Recommended Posts

Neto Diniz    0

Neto Diniz
Postado

Boa tarde, Eu tenho um site de carro certo, e neste site existe uma pagina onde exibe a foto do carro aparece uma foto de uma tamnho 280W 200H e 4 fotos(galerias) onde essas fotos ficam em baixo desta foto maior e estas fotos galerias sao menores 80 60, como eu faço para qndo eu clicar em uma foto da galeria ela ir para a foto grande e a foto grande ir para galeria.Obrigado,Neto diniz.

Compartilhar este post

Link para o post
Compartilhar em outros sites

guinuranti    0

guinuranti
Postado

leia e adapte, qualquer coisa tamos ae!

flws!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">.pequena{  width: 80px;  border: 1px solid #000000;  margin: 2px;  padding: 2px;}</style><script language="javascript" type="text/javascript">function troca(el){  var fotoGrande = document.getElementById("img1");  var srcPequena = el.src;  var srcGrande = fotoGrande.src;    fotoGrande.src = srcPequena;  el.src = srcGrande;}</script></head><body><img id="img1" src="f1.jpg" style="width: 400px;" /><br /><img id="img2" src="f2.jpg" class="pequena" onclick="troca(this)" /><img id="img3" src="f3.jpg" class="pequena" onclick="troca(this)" /><img id="img4" src="f4.jpg" class="pequena" onclick="troca(this)" /><img id="img5" src="f5.jpg" class="pequena" onclick="troca(this)" /></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Neto Diniz    0

Neto Diniz
Postado

seria +- isso aki?

 

<script language="javascript" type="text/javascript">function troca(el){  var fotoGrande = document.getElementById("img1");  alert  var srcPequena = el.src;  var srcGrande = fotoGrande.src;    fotoGrande.src = srcPequena;  el.src = srcGrande;}</script>--> imagem grande<p>[url="%22java"]img src="."/includes/corte-auto.asp?imagem=imgsite/veiculos/%3C%=imagensveic%28" img02="" )="">&height=240&width=280" border="0" id="img1" />[/url]<---->imagem pequena<p id="veiculosExibirMiniaturas">[url="java"]img src="."/includes/corte-auto.asp?imagem=imgsite/veiculos/%3C%=imagensveic%28" img01="" )="">&height=60&width=80" border="0"  id="img2" name="img2" onclick="troca(this)"/>[/url]<--
só q o id das imagens pequenas eles tem q vir dinamicamente pois pode haver até 4 imagens entao se eu pré-definir elas como img2 pode dar errado certo?

 

como posso fazer para funcionar, muito obrigado e desculpa pelo encomodo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Neto Diniz    0

Neto Diniz
Postado

<script language="javascript" type="text/javascript">function troca(el){ var fotoGrande = document.getElementById("img1"); var srcPequena = el.src; var srcGrande = fotoGrande.src; fotoGrande.src = srcPequena; el.src = srcGrande;}</script>--> imagem grande<p><a href="java script:;"><img src="../includes/corte-auto.asp?imagem=imgsite/veiculos/<%=imagensveic("img02")%>&height=240&width=280" border="0" id="img1" /></a></p><---->imagem pequena<p id="veiculosExibirMiniaturas"><a href="java script:;"><img src="../includes/corte-auto.asp?imagem=imgsite/veiculos/<%=imagensveic("img01")%>&height=60&width=80" border="0" id="img2" name="img2" onclick="troca(this)"/></a></p><--tipo ele nao está dando certocomo posso fazer para funcionar, muito obrigado e desculpa pelo encomodo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

guinuranti    0

guinuranti
Postado

nas imagens menores, você monta de acordo com sua necessidade, não tem importãncia de saber eles, agora, só a imagem grande você tem que ter definido, pois ela será acessada na função.as imagens menores não é obrigado ter porque na função você passa como parâmetro o this, ou seja, uma referência a ela mesma.não sei se consegui ser claro, mas a melhor forma de descobrir é você testar e testar, e voltar aqui caso tenha acontecido um erro.flws!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito