Javascript - on mouse over mostrar testo e imagem

eRKULIX

Suspenso
Boas necessito de ao fazer mouse over a imagem seja mostrado num div um determinado texto e ainda uma imagem.


Andei a investigar e cheguei a isto, o problema é que não consigo pôr a imagem, somente o texto.

javascript para a head:
Código:
<script language="JavaScript" type="text/javascript">
<!--
function Cngbtn(id,btn){
 var obj=document.getElementById(id);
 if (btn){ obj.innerHTML=btn; }
 else {  obj.innerHTML='texto texto texto'; }
}
//-->
</script>


para a imagem:
Código:
<img src="../images/b13b.png" onmouseover="Cngbtn('btn','texto texto texto')" onmouseout="Cngnav('nav')">


o div:
Código:
<div id="btn">texto texto texto</div>




Tentei em vez do texto usar a tag para imagem mas não deu, visto que não percebo muito de javascript o que posso fazer para conseguir fazer aparecer uma imagem?

Obrigado.
 
Boas necessito de ao fazer mouse over a imagem seja mostrado num div um determinado texto e ainda uma imagem.


Andei a investigar e cheguei a isto, o problema é que não consigo pôr a imagem, somente o texto.

javascript para a head:
Código:
<script language="JavaScript" type="text/javascript">
<!--
function Cngbtn(id,btn){
 var obj=document.getElementById(id);
 if (btn){ obj.innerHTML=btn; }
 else {  obj.innerHTML='texto texto texto'; }
}
//-->
</script>
para a imagem:
Código:
<img src="../images/b13b.png" onmouseover="Cngbtn('btn','texto texto texto')" onmouseout="Cngnav('nav')">
o div:
Código:
<div id="btn">texto texto texto</div>


Tentei em vez do texto usar a tag para imagem mas não deu, visto que não percebo muito de javascript o que posso fazer para conseguir fazer aparecer uma imagem?

Obrigado.

Com este código só colocas mesmo o texto. Tens que fazer um append do código da imagem ao innerHTLM.
 
Boas necessito de ao fazer mouse over a imagem seja mostrado num div um determinado texto e ainda uma imagem.


Andei a investigar e cheguei a isto, o problema é que não consigo pôr a imagem, somente o texto.

javascript para a head:
Código:
<script language="JavaScript" type="text/javascript">
<!--
function Cngbtn(id,btn){
 var obj=document.getElementById(id);
 if (btn){ obj.innerHTML=btn; }
 else {  [B]obj.innerHTML="texto texto texto<img src=\"link_da_imagem\" />[/B]"; }
}
//-->
</script>
.
 
Back
Topo