Ir para conteúdo

POWERED BY:

Arquivado

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

odenis

[Resolvido] Troca de imagem em div

Recommended Posts

olá a todos..

desculpa o incomodo,

mas estou com um progleminha....

 

tenha a seguinte situação..:

 

<html>

<head>

<title>testet</title>

</head>

<body>

 

<ul>

 

<li><a href="#">teste 1</a> </li>

<li><a href="#">teste 2</a></li>

<li><a href="#">teste 3</a></li>

<li><a href="#">teste 4</a></li>

<li><a href="#">teste 5</a></li>

 

</ul>

<div id="imagem">

</div>

</body>

</html>

 

 

quando eu passar o mouse em cima dos de cada link trocar exibir uma imagem na dive imagem...(pode ser javascript. jquery, css... )

teria como alguem me ajudar...???

Compartilhar este post


Link para o post
Compartilhar em outros sites

siga a idéia:

 

<script language="javascript">
function chamaImage(valor) {
	document.getElementById("imagem").innerHTML = "<img src="+valor+" border=0>";
}
</script>

<li><a href="#" onClick="chamaImage('imagem/teste_1.jpg');">teste 1</a> </li>

Compartilhar este post


Link para o post
Compartilhar em outros sites

estranho que comigo funcionou perfeito:

 

<html>
<head>
<title>testet</title>
<script language="javascript">
function chamaImage(valor) {
	document.getElementById("imagem").innerHTML = "<img src=spacegallery/images/"+valor+" border=0>";
}
</script>
</head>
<body>
<ul>
<li><a href="#" onclick="chamaImage('lights1.jpg');">teste 1</a></li>
<li><a href="#" onclick="chamaImage('bw2.jpg');">teste 2</a></li>
<li><a href="#" onclick="chamaImage('dwew.jpg');">teste 3</a></li>
<li><a href="#" onclick="chamaImage('liste.jpg');">teste 4</a></li>
<li><a href="#" onclick="chamaImage('mass.jpg');">teste 5</a></li>	
</ul> 
<div id="imagem"></div> 
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu passar o mouse em cima dos de cada link trocar exibir uma imagem na dive imagem

AI troca o onClick por onMouseOver..

no script do Ted'k

 

Veja essas em CSS:

http://www.maujor.com/tutorial/galeria-fotos.php

http://www.maujor.com/blog/pg_apoio/hoverbox.html

Compartilhar este post


Link para o post
Compartilhar em outros sites

estranho que comigo funcionou perfeito:

 

<html>
<head>
<title>testet</title>
<script language="javascript">
function chamaImage(valor) {
	document.getElementById("imagem").innerHTML = "<img src=spacegallery/images/"+valor+" border=0>";
}
</script>
</head>
<body>
<ul>
<li><a href="#" onclick="chamaImage('lights1.jpg');">teste 1</a></li>
<li><a href="#" onclick="chamaImage('bw2.jpg');">teste 2</a></li>
<li><a href="#" onclick="chamaImage('dwew.jpg');">teste 3</a></li>
<li><a href="#" onclick="chamaImage('liste.jpg');">teste 4</a></li>
<li><a href="#" onclick="chamaImage('mass.jpg');">teste 5</a></li>	
</ul> 
<div id="imagem"></div> 
</body>
</html>

 

 

Funcionou sim.. eu que viajei na maionese...

 

cara valeu.....

 

muito obrigado.....

Compartilhar este post


Link para o post
Compartilhar em outros sites

o titulo deste tópico vai contra as regras.

Leia as regras do forum: http://forum.imasters.com.br/index.php?act=Help

 

e de enfase a 09ª Regra.

Obrigado pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu passar o mouse em cima dos de cada link trocar exibir uma imagem na dive imagem

não tinha reparado esse trecho, hehe, foi mau!!

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.