Imagen con Informacion sobre ella

nestorvaldez · #1 (**permalink**) 27/02/2009, 08:34

Saludos,

Quisiera alguien me ayude a conseguir o me pyeda pasar un codigo para insertar en una pagina web que estoy haciendo.

tengo varias imagenes y deseo que cuando pasa el Mouse suba una pequena descripcion de la imagen eso con el fondo un poco transparente, y esa info la voy a leer desde la base de datos con php.

Ahor amismo lo que necesito es la parte de como poner el texto encima de la foto y quese mueva cuando paso el mouse.

En esta pagina hay un ejemplo. http://www.medicinasegura.com en la parte donde dice Temas Calientes, en la parte de abajo de cada imagen tiene el titulo y cuando pasa el mouse sube la descripcion.

ALguna ayuda para resolver esta parte lo agradecere inmensamente, espero su aporte..

NVM

nestorvaldez · #2 (**permalink**) 02/03/2009, 11:42

Saludos, no he podido lograr esto, alguien tiene alguna ayuda sobre el tema, solo quiero poner un texto con fondo transparente encima del grafico que suba y se esconda... como en el ejemplo...

Por favor alguna guia como lograrlo.

caricatos · #3 (**permalink**) 03/03/2009, 00:04

Hola:

En principio el efecto no tiene que ver con Ajax, así que muevo el tema a javascript.

Sobre el efecto, parece que se trata de una capa conteniendo la imágen y con el estilo "overflow.hidden; position: relative", y otra capa dentro con posición absoluta y a pie de la imagen anterior, y el efecto asociado al mouseover... en este foro tenemos en sus FAQs algunos mensajes sobre tooltips, pero no recuerdo que se parezca al que te refieres... de todos modos, creo que también tendrías que poner el atributo title con esa descripción, por si los visitantes desactivan javascript.

Saludos