Que tal compañeros, la verdad me eh roto la cabeza pensando, cómo puedo hacer que salga una imagen al pasar el mouse sobre un link, eh intentado con ésto :
Código HTML:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function img_sobre(imgname){
imgname.src = "/tutores/images/flacha.gif"
}
function img_fuera(imgname){
imgname.src = "/tutores/images/dot.gif"
}
</SCRIPT>
<center>
<table border=0>
<tr><td>
<img name="pic1" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.altavista.com" onMouseOver="img_sobre(pic1)" onMouseOut="img_fuera(pic1)">Altavista</A>
<br>
<img name="pic2" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.yahoo.com" onMouseOver="img_sobre(pic2)" onMouseOut="img_fuera(pic2)">Yahoo</A>
<br>
<img name="pic3" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.hotbot.com" onMouseOver="img_sobre(pic3)" onMouseOut="img_fuera(pic3)">Hotbot</A>
<br>
<img name="pic4" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.google.com" onMouseOver="img_sobre(pic4)" onMouseOut="img_fuera(pic4)">Google</A>
<br>
<img name="pic5" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.tutores.org" onMouseOver="img_sobre(pic5)" onMouseOut="img_fuera(pic5)">Tutores</A>
<br>
<img name="pic6" SRC="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.forosdelweb.com" onMouseOver="img_sobre(pic6)" onMouseOut="img_fuera(pic6)">Forosdelweb</A>
<br>
</td></tr></table>
</center> Pero la verdad no es lo deseado, ya que quiero que para cada enlace haya una imagen diferente, me explico? espero puedan ayudarme,desde ya gracias !
