MOUSEOVER->descripción para cada imagen

YoelMontes · #1 (**permalink**) 16/10/2011, 16:29

Muy buenas a tod@s!!

A ver, estoy tratando de hacer algo en mi web, pero no encuentro la forma exacta de hacerlo!! El caso es que puede ser que con JQUERY sea la mejor opción, pero no encuentro ninguno que se ajuste a lo que busco exactamente. Explico para que me comprendáis:

IMAGEN 1 IMAGEN 2 IMAGEN 3 ---->(todo en un cuadro)

[y aquí, otro cuadro que, al pasar el mouse por encima de "imagen 1" salga una descripción, "imagen 2" otra descripción e "imagen 3" otra descripción]

Lo he explicado de la mejor forma posible, espero que me podáis echar una mano. Muchas gracias de antemano a todos!! Saludos!!!

cristian_cena · #2 (**permalink**) 16/10/2011, 19:29

Hola yoel, te hice unos ejemplos, creo que el segundo es el que necesitas. saludos.

ejemplo1
ejemplo2

abimaelrc · #3 (**permalink**) 16/10/2011, 21:00

Cita:

Iniciado por cristian_cena

Hola yoel, te hice unos ejemplos, creo que el segundo es el que necesitas. saludos.

ejemplo1
ejemplo2

Eso es trampa, lo hiciste mejor que el mio

cristian_cena · #4 (**permalink**) 16/10/2011, 21:54

jeje, gracias abimaelrc

Espero le ayude al compañero, un abrazo.

YoelMontes · #5 (**permalink**) 17/10/2011, 01:13

Mola! es más o menos lo q busco!!!

cómo inserto esto en mi web???

saludos!!

cristian_cena · #6 (**permalink**) 17/10/2011, 06:19

Pues, copias el html y lo pones dentro de <body>
copias los estilos y los pones dentro de <style>
copias el script y lo pones dentro de <script> dentro de $(document).ready(function(){ /*ACA*/});

En adelante, preguntame solo sobre lo que no entiendas del código. Que haya tenido ganas de armar unos ejemplos no quiere decir que me guste ir por la vida haciendo el trabajo gratis a la gente. Así que pon un mínimo de esfuerzo de tu parte.

Saludos.

miktrv · #7 (**permalink**) 17/10/2011, 11:39

+1 cristian_cena