aparecer imagen onmouseover

only_skating · #1 (**permalink**) 12/07/2013, 08:56

Hola, llevo buscando un rato acerca de esto pero no encuentro lo que busco. Necesito que un enlace a una página lleve contenido un mouseover de tal manera que llame a una función o que consiga que aparezca una imagen, no encima del texto sino en un div que pueda encontrarse en cualquier lugar de la página, de tal manera de que cada link contenga una imagen.

Código PHP:

  <body> 
<div style="float:left; margin-top:10px; margin-left:400px;"> Imagen</div> 
    <div style="float:left; margin-top:10px; margin-left:100px;"> 
    <li><a href="#ac" onmouseover=""><strong>enlace 1</strong></a></li> 
    <li><strong><a href="#cblanca" onmouseover="">enlace 2</a></strong></li> 
    <li><strong><a href="#corten" onmouseover="">enlace 3</a></strong></li></div> 
     
</body>

gracias de antemano

only_skating · #2 (**permalink**) 15/07/2013, 02:55

he estado probando con funciones pero no lo consigo tampoco :(

Código PHP:

  <body> 
<div style="float:left; margin-top:10px; margin-left:400px;"> Imagen 
<script> 
function imagen(nombre){ 
    document.getElementById("image").src=" " + nombre + ".jpg"; 
} 
</script> 
</div> 
    <div style="float:left; margin-top:10px; margin-left:100px;"> 
    <li><a href="#ac" id="image"; onmouseover="imagen('yeah')"><strong>enlace 1</strong></a></li> 
    <li><strong><a href="#cblanca" onmouseover="">enlace 2</a></strong></li> 
    <li><strong><a href="#corten" onmouseover="">enlace 3</a></strong></li></div> 
     
</body> 
</html>

pzin · #3 (**permalink**) 15/07/2013, 05:14

Para poner una imagen en HTML necesitas usar la etiqueta <img>, que no se la ve por ningún sitio en tu código.

redvirus13 · #4 (**permalink**) 15/07/2013, 12:43

mira no se si es esto lo que buscas , solo que en vez de mostrar una imagen muestra otra capa y bueno allí ya puede poner el contenido que quieras , ya sea una imagen , texto , etc..etc..

http://jsfiddle.net/redvirus13/Lq9JJ/