Ir para conteúdo

POWERED BY:

Arquivado

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

hao

alterar imagem ao clicar

Recommended Posts

fala galera!

 

to fazendu um eskeminha aki esta ate dando certo mas naum como eu queria. É assim, qdo clicasse na imagem pequena abrisse uma maior mas o script q tenho aki soh ta aumentando a imagem pequena, intende?

meu script ta assim:

 

<script language="javascript" type="text/javascript">		function troca_imagem(imagem){			document.all.imagem_zoom.src = imagem.src;			for (i=0;i<document.all.imagem_pq.length;i++){				document.all.imagem_pq[i].style.border = "solid 3px #E1E1E1";			}			imagem.style.border = "solid 3px #FF6600";		}</script>			  <img src="<%=fotos_rs("img_grande")%>" name="imagem_zoom" width="400" height="300" id="imagem_zoom"><img src="<%=fotos_rs("img_pequena")%>" name="imagem_pq" width="60" height="50" style="cursor:pointer; border:solid 3px #E1E1E1" onClick='java script:troca_imagem(this)'>

com certeza ta faltandu alguma coisa mas naum manjo javascript, e preciso dessa ajudinha!

valews!

Compartilhar este post


Link para o post
Compartilhar em outros sites

VocÊ quer abrir uma outra imagem, a maior?

 

Se for, uma dica é você nomear a imagem maior com o mesmo nome da menor, mas com um caractere que identifique que ela é a maior..

Exemplo:

Menor: foto.gif

Maior: g_foto.gif

Depois é só mudar essa linha

document.all.imagem_zoom.src = imagem.src;
para

document.all.imagem_zoom.src = "g_"+imagem.src;

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa Lex, eu intendi o q você disse e agradeço sua ajuda.e gostaria de saber outra coisa, minhas imagens menores estao sempre com "p-" na frente e a imagem maior esta o nome normal.ex. imagem grande: foto.jpgex. imagem pequena: p-foto.jpgteria jeito de dar um split ou algo parecido para retirar estes caracteres da frente ai iria abrir a imagem do tamanho maior?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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