Mostrar imagen al pasar mouse por una url

[needles]

Iniciado por cristian_cena

Hola needles:
Si podes poner la imagen dentro del enlace podes partir de este código (y resolverlo solo con css [ie7+]):

Código HTML:

<a href="#">
<!-- los atributos de 'img' mejor si los colocas en el css -->
<img src="blank.gif" alt="descripcion accesibilidad"/> 
</a>
 

Código CSS:

a:hover img{
display:block;
}
img{
display:none;
width:10px;
height:10px;
border:0;
}
 

Veo que estas trabajando con javascript, hay un foro de javascript en el que te podrán ayudar también.

Si usas javascript/jquery podes partir de esto: [url]http://jsfiddle.net/cristian_cena/4vXbM/[/url]
Lo mas fácil en estos casos es que la imagen y el enlace compartan alguna relación de parentesco cercana para poder generalizar con los métodos "traversing" de jquery.
Si no, es posible también, pero podrá ser un poco más complejo dependendo del diseño que tengas.


Saludos.

Gracias colega, bien pues espero poderme basar en el link que me has dado, la verdad es que lo que quiero es que al señalar un enlace , aparezca una imagen, pero claro los enlaces los haré dinámicamente (por PHP, obteniendo las url de los enlaces mediante la DB);
Y pues como verás no me sirvirá de nada emplear en éste caso CSS,gracias y echaré un buen ojo al enlace que me has dado,GRACIAS!