Foros del Web » Soporte técnico » Ayuda General »

Como mostrar un texto al pasar el mouse por un punto especifico de una imagen

Estas en el tema de Como mostrar un texto al pasar el mouse por un punto especifico de una imagen en el foro de Ayuda General en Foros del Web. Wenas a todos!! tengo el siguiente inconveniente, quisiera mostrar ya sea por medio de php o javascript, un texto que se despliegue cuando pase el ...
  #1 (permalink)  
Antiguo 11/11/2008, 20:38
 
Fecha de Ingreso: mayo-2007
Mensajes: 41
Antigüedad: 16 años, 9 meses
Puntos: 0
Como mostrar un texto al pasar el mouse por un punto especifico de una imagen

Wenas a todos!! tengo el siguiente inconveniente, quisiera mostrar ya sea por medio de php o javascript, un texto que se despliegue cuando pase el cursor por una zona determinada de una imagen, por ejemplo si es un gato, que al pasar el mouse por el ojo me salga el letrero, ojo y que ademas me permita redireccionarlo a otra pagina que yo desee, como puedo hacer esto??


Muchas gracias!!!
  #2 (permalink)  
Antiguo 13/11/2008, 07:37
Avatar de eschwartz  
Fecha de Ingreso: enero-2002
Ubicación: Chosica
Mensajes: 1.098
Antigüedad: 22 años, 2 meses
Puntos: 8
Respuesta: Como mostrar un texto al pasar el mouse por un punto especifico de una ima

Si ademas de dar una breve descripcion de la zona (que tambien se puede hacer con Javascript) servira como un link a otra pagina pues seria mas facil editar la pagina con el Dreamweaver y a su vez utilizar la barra de propiedades de imagen (que sale en la parte inferior al posicionarte sobre la imagen seleccionada)



Una vez hecho esto puedes seleccionar la herramienta zona interactiva retangular, oval o poligonal (en la imagen esta en un circulo) y en base a eso seleccionar el espacio que quieres que sea un enlace, sobre el texto a mostrar puedes utilizar el atributo ALT y poner la descripcion que desees, esto en la misma barra de propiedades, es lo primero que se me ocurre, talvez exista metodos mas complejos en Javascript que seguro te serviran.

Suerte.

Slds.
__________________
"Si miras fijamente la realidad, veras los pixeles"
------------------------------------------------------------------
ESOFT - SCHWARTZ GROUP ©
http://www.esoft.host56.com/
  #3 (permalink)  
Antiguo 19/11/2008, 14:56
 
Fecha de Ingreso: mayo-2007
Mensajes: 41
Antigüedad: 16 años, 9 meses
Puntos: 0
Respuesta: Como mostrar un texto al pasar el mouse por un punto especifico de una ima

Gracias por la respuesta, lo hice en flash y me funciono sin problema, y le añadi este codigo para cuando se le de click me despligue una ventana que me permite enviar un correo.

on (press) {
getURL("javascript:newWindow= window.open('http://localhost/proof/index.php?option=com_mailto&tmpl=component&link=aH R0cDovL2xvY2FsaG9zdC9wcm9vZi9pbmRleC5waHA/dmlldz1hcnRpY2xlJmlkPTE6d2VsY29tZS10by1qb29tbGE=? [email protected]','popper1','width=500, height=300,scrollbars,resizable'); neWindow.focus(); void(0);","","GET");
}

al ejecutarlo me sale la respectiva ventana para enviar el correo, la duda tiene que ver en cómo puedo enviar un valor a la caja de texto del destinatario con tal de que el usuario no tenga que copiarla?por ejemplo dice Enviar correo electronico a: y que me aparezca por defecto o lo pueda enviar como parametro [email protected].
añadi el codigo que dice [email protected], pero no me funciono, que puede estar haciendo mal?

Gracias a todos!!
  #4 (permalink)  
Antiguo 22/11/2008, 18:22
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.043
Antigüedad: 21 años, 10 meses
Puntos: 8
Respuesta: Como mostrar un texto al pasar el mouse por un punto especifico de una ima

será q t falta un ' en
Cita:
?
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:57.