Ayuda con un tipo de menu

**Racing Club** · 06/02/2010, 01:09

Buenas, puse menu pero no se bien como se llama.

Lo que en realidad quiero hacer es esto:
En mi pagina salen unos nombres, ejemplo:

Juan Perez

Rodrigo Barrio

Lucas Abeldanio

Maximiliano morales

Facundo arastizabal

Lo que deseo hacer es que al hacer click en "Rodrigo Barrio" salga una foto en tamaño reducido (100 x 70) con informacion personal unas palabritas, quedaria asi:

Juan Perez

Rodrigo Barrio

ACA LA FOTO
Edad
Ciudad
Equipo

Lucas Abeldanio

Maximiliano morales

Facundo arastizabal

Desde ya muchas gracias :D

**wolfmoon** · 07/02/2010, 01:23

Hay un plugin javascript que te quedaria muy bien, a ver si me acuerdo de cual era.

**Racing Club** · 09/02/2010, 21:34

fijate por favor, si alguien mas sabe que lo publique aqui.
Gracias

**wolfmoon** · 10/02/2010, 14:41

Bueno ya tengo algo que te puede solucionar la papeleta y te quedaria muy bien.

Lo he traducido de una de las webs oficiales y lo tengo explicado a mi modo en mi web. Espero que no se entienda como spam, simplemente me resultaria muy largo de volver a explicarlo aqui, si algun moderado cree lo contrario simplemente que borre la url y mis disculpas.

Aqui la direccion:

Entrar al tutorial

**Racing Club** · 10/02/2010, 23:53

uy amigo muchas gracias lo estuve leyendo ahora lo pruebo!

**Racing Club** · 18/02/2010, 21:38

No me funciono, lo he repasado pero al hacer click en la imagen no se ve lo que he escrito. Si alguien sabe que lo comente, sigo buscando.

**wolfmoon** · 18/02/2010, 21:49

Se supone que el efecto es cuando situas el raton encima de la capa, actuaria como un hover.. Escribe el codigo que estas usando, igual puedo echarte una mano.

**manmanu** · 21/02/2010, 21:22

Hola, bueno yo se de una forma que útilizo y quizas pueda servir a Racing;
copia este código en un archivo bloc de notas en windows, y renombralo .html, lo pruebas, y si te ayuda, mejor que mejor.
Hay otros métodos, pero creo que este será más sencillo.

Código:

<p align="center">Mi amigo Rodrigo Barrio</p>

En cuanto a los tooltip, yo los he usado con html-css y funcinan perfecto.
No he probado el ejemplo de wolfmoon, seguro que con javascript hay más opciones.
Igual algún día lo pruebo.

Bueno un saludo.
manmanu

**Racing Club** · 22/02/2010, 05:31

Gracias manu, ya me habia olvidado del pop up, aunque esto a veces tiene sus desventajas, yo no lo queria intentar por que hay algunos que tienen la opcion de no permitir ventanas emergentes pero gracias me sirve mucho!

jeje grax, ahi te hago unos cuantos pares de click en la propaganda de google.

Un saludo

**manmanu** · 22/02/2010, 12:25

Hola Racing,
gracias por eso...

Bueno no vas a tener problemas con los usuarios de Internet explorer, o los demás que han deshabilitado javascript en sus navegadores.

Si una popup, se entiende por código javascript, php u otros códigos, este no es una popup.
Es simplemente una instrucción (onclick=""), dentro del HTML, y su función es abrir en una nueva ventana, una página HTML, de unas medidas y el lugar que le hemos dicho;

Código:

left=15px,top=12px,width=320,height=370

.

Conozco los pasos parecidos en otro code, pero en este si hay que añadir en el (head) la función script.

También pudiera ser que IE, tome el (onclick=""), como texto javascript, pero te comento que no hay problemas.

Bueno como lei que querias abrir al hacer "clilc", este te puede venir bien, luego están los tooltips, popups, ventanas tipo lightbox, como en las imágenes del vinculo.
http://www.internavegacion.com/2010/...s-a-necesitar/

Hay algunas alternativas más.
Bueno, de nuevo me alegro que te haya servido.
manu