Ir para conteúdo

POWERED BY:

Arquivado

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

Amigo_zz

Trocar de Imagem ao clicar

Por , em Javascript

Recommended Posts

Amigo_zz    0

Amigo_zz
Postado

caros colegas,A minha especialidade não será ainda o javascript, e por isso os problemas vao surgindo. Pretendo o seguinte:Existe uma imagem carregada na pagina (foto1.jpg), quando clicar nela surge a (foto2.jpg), e quando voltar a clicar volta a aparecer a primeira foto (foto1.jpg)Onde esta o erro?<script type="text/javascript">function troca(){if(document.getElementById("imagem").src=="foto1.jpg"){document.getElementById("imagem").src="foto2.jpg"}else{document.getElementById("imagem").src="foto1.jpg"};}</script><title></title></head><body> <b>Passe com o rato sobre a imagem</b><br /> <img id="imagem" onmouseclick="troca()" height="115" src="foto1.jpg" width="86" /></body>Deu para entender.Agradeço desde ja a vossa ajuda. Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Prado    0

Thiago Prado
Postado

Prezado Amigo,Nao tem erro nenhum, o problema e' que você esta usando o evento onClick para trocar a imagem e voce esta pensando que so passando o mouse a imagem vai ser trocada...Para isso voce deve usar o evento onMouseOver...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Martinelli    0

Martinelli
Postado

Amigo... o problema é o seguinte...

 

Há um problema de lógica no teu script. A propriedade SRC para o Javascript não armazena apenas o nome do arquivo e sim o caminho completo. (ex.: C:/Inetpub/wwwroot/imagens/foto1.jpg)... ou seja, a condicional jamais seria verdadeira.

 

Corrigi o teu codigo e postei abaixo... testado e aprovado!!!...

 

Depois você posta aí se funcionou e resolveu o teu problema.

 

<HTML>	<HEAD>  <TITLE> Nova Página </TITLE>  <script type="text/javascript"> 	 function troca(obj){    if(obj.alt=="foto1.jpg"){   	 document.getElementById("imagem").src="foto2.jpg"   	 document.getElementById("imagem").alt="foto2.jpg"    }else{   	 document.getElementById("imagem").src="foto1.jpg"   	 document.getElementById("imagem").alt="foto1.jpg"    } 	 }  </script>	</head>	<body>  <b>Passe com o rato sobre a imagem</b><br /> 	 <img id="imagem" onMouseOver="javascript:troca(imagem)" height="115" src="foto1.jpg" width="86" alt="foto1.jpg" border="0" />	</body></HTML>

Adicionei a propriedade ALT e a usei para a condicional IF. Assim o codigo ficou correto.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

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