CSS - Duda con Javascript on mouse over

Hola chicos, bueno pues leo mucho y uso mucho esta pagina, me es de mucha utilidad, pero hoy estoy atascado en un asunto y no logrro acabar con ello.

A ver quien puede ayudarme.

Tengo este código que estoy probando de esta web.

http://www.lawebdelprogramador.com/codigo/CSS/2049-Mostrar_una_capa_al_pasar_el_raton_por_encima_de_un_texto_o_imagen.html

Al pasar por encima de un texto, se crea un div mostrando un texto y al salirse del texto, este desaparece.

Ahora mi duda es: ¿Como puedo poner una imagen dentro de ese div? es decir, que al pasar el ratón sobre el texto, aparezca una imagen, y al quitarse, que la imagen aparezca.

¿Es posible verdad? o quizás este intentando algo imposible jajaja

Muchas gracias por vuestra ayuda.

Un abrazo

Hector

Perdon, me he equivocado, al quitar el raton del texto, la imagen DESAPAREZCA jejeje

Graciass

Hola Hector, es completamente posible...

Siempre tiene que ser un <div> o una <p>, o algun tag que tenga la propiedad display del css... si sigues el ejemplo, lo que tienes que hacer, es poner únicamente la imagen dentro del div, y eliminar el resto de código.

No lo he probado, pero en esta del script:

si pones esto...

debería de funcionarte...

Coméntanos, ok?

buaaaaa no habia caidoooo jajjaja estaba tan pendiente de colocar el "img src" en el flotante que no me habia dado cuenta de que estaba declarado como texto.... que triste... jajjaa

Muchisimas gracias, luego lo pruebo y comento por aqui.

Hector

Hola XVE.

Pues lo he probado y si funciona, pero no del todo.

Lo que tu me has comentado, es poner en el script, el "innerHTML= image" en lugar de "=text", pero yo voy a usar muchas frases con el mismo script, y cada una debe mostrar una imagen distinta, si lo coloco como tu me has dicho, en todas me muestra la misma imagen que dice el script...

La verdad que se me a atragantado este código.... se me esta dando fatal..

Un saludo y muchísimas gracias por tu ayuda.

Te decía de poner la imagen, para que pudieras ver si era problema de estructura de la pagina (estilos) o del código javascript. Si te funciona añadiendo la imagen manualmente, el problema lo tienes en la variable text, que no tiene el valor correcto.
Realizar un alert(text);, para ver que contenido tiene... no vaya a ser que el contenido no este correcto o tenga algun error.

Coméntanos, ok?

Hola, quiciera saber cual es el codigo para poner un Texto y cuando pase el raton sobre el texto aparezca una imagen, por decir poner Tacos de pollo y cuando pongamos el puntero sobre este texto aparezca la imagen,
Gracias!!

Hola Paco, revisa este código...
http://www.lawebdelprogramador.com/codigo/CSS/2482-Como_cambiar_el_fondo,_la_imagen_y_el_color_del_texto_al_pasar_por_encima_de_un_div.html

Te servirá...