Poner una descripcion con foto

FuentesC88 · #1 (**permalink**) 29/04/2009, 09:14

Hola! Llevo tiempo visitando la web, y al final me he animado a escribir, ojala puedan ayudarme, que veo que son unos entendidos!

Estoy haciendo una web, con una especie de album de fotos, estas fotos estan en una tabla, y me gustaria, que al pasar el raton sobre las fotos se viera una pekeña descripcion junto a la foto en una especie de popup. No se si me entenderan con esta descipcion.. si necesitan que me explique mejor diganlo y dejo los enlaces de como esta y un "pequeño dibujo" de lo que me gustaría que se viera.

Gracias!

Streamerson · #2 (**permalink**) 29/04/2009, 09:21

Pues puedes poner el codigo title.

Por ejemplo:

<img title="descripcion" src="enlace">

Y cuando pongas el mouse sobre la imagen aparecera el tipico cuadro amarillo.

Saludos!

skatomundo · #3 (**permalink**) 29/04/2009, 09:27

Hola FuentesC88

Creo que te refieres a Tooltip. También existe el Atributo Alt de IMG.

Pero si efectivamente te refieres a los tooltip, que son más "mononos" te comento de algunos:

* Tooltip CSS
* Otro CSS
* Con javascript
* DHTML Tooltip

Saludos,

FuentesC88 · #4 (**permalink**) 29/04/2009, 09:30

Hola! Gracias por la rapidez jaja, pero lo que busco es algo un poco mas raro jaja
mira, este es un ejemplo de lo que me gustaria que saliera al poner el rato encima de la imagen:
img220. imageshack. us/ img220/5461/ loquequiero.jpg

Streamerson · #5 (**permalink**) 29/04/2009, 09:49

En ese caso te recomiendo que uses Flash.

T_O_N_N_Y · #6 (**permalink**) 29/04/2009, 10:12

Cita:

Iniciado por Streamerson

En ese caso te recomiendo que uses Flash.

Y eso por qué? :s

Bueno, si lo que quieres es que cuando pongas el mouse encima aparezca así es cambiar la posición donde quieres que aparezca el tooltip, no?

Con CSS sería fácil de hacerlo.

Si no puedes con el tooltip cambiándole la posición avisa.

Un saludo!

FuentesC88 · #7 (**permalink**) 29/04/2009, 10:18

OK, Gracias, voy a probar

T_O_N_N_Y · #8 (**permalink**) 29/04/2009, 10:19

Si quieres prueba esto:

http://www.php-development.ru/javascripts/dropdown.php

A mí me ha sacado de más de un aprieto y es bastante sencillo

Un saludo y suerte!

FuentesC88 · #9 (**permalink**) 29/04/2009, 11:21

Lo lei tarde XD de todas formas, lo que me gustaría conseguir es algo como "informacion" no un menu, pero gracias!
Esto es lo que he conseguido sacar, ht tp:// tinyurl. com/i magenzoom (hay unos cuantos espacios xD) mete una imagen "a pelo" me gustaria poder poner un texto o link acompañando a la imagen, podria hacerlo siguiendo por el camino que llevo?

FuentesC88 · #10 (**permalink**) 29/04/2009, 11:56

Hola! he hecho algunos avances (ht tp:// tinyurl. com/i magenzoom), he conseguido ponerlo en una foto XD
El problema viene cuando el "tooltip" no entra en pantalla, que tengo que cambiar para que el tooltip salga automáticamente donde haya espacio??
¿Se puede poner el tooltip X segundos? He estado googleando bastante, y no encuentro nada acerca del tema

Gracias

skatomundo · #11 (**permalink**) 29/04/2009, 13:54

Si, puedes dejarlo con tiempo, pero deberás investigar con alguna librería JS para hacerlo, como por ejemplo:
Prototip para Prototype

Saludos,