Foros del Web » Creando para Internet » HTML »

Mostrar info de una imagen al pasar raton

Estas en el tema de Mostrar info de una imagen al pasar raton en el foro de HTML en Foros del Web. Hola vereis tengo un pequeño menu con tres imagenes que las utilizo como enlaces, entonces quiero añadir una pequeña informacion de lo que hace cada ...
  #1 (permalink)  
Antiguo 27/05/2009, 16:53
 
Fecha de Ingreso: marzo-2009
Mensajes: 11
Antigüedad: 15 años, 7 meses
Puntos: 0
Mostrar info de una imagen al pasar raton

Hola vereis tengo un pequeño menu con tres imagenes que las utilizo como enlaces, entonces quiero añadir una pequeña informacion de lo que hace cada enlace y me gustaria que esta informacion se mostrara cuando se pasara el raton por dicho enlace y en una posiscion fija de la web o en un textarea fijo algo asi... que me aconsejais?? un saludo y gracias.
  #2 (permalink)  
Antiguo 27/05/2009, 16:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Mostrar info de una imagen al pasar raton

Hola:

Échale un vistazo a este código de la página de Mikmoro.

Saludos.

  #3 (permalink)  
Antiguo 27/05/2009, 16:56
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Respuesta: Mostrar info de una imagen al pasar raton

has probado con la etiqueta title de img? o te has mirado tooltips?
__________________
No diseñes usando tablas.
  #4 (permalink)  
Antiguo 27/05/2009, 17:02
 
Fecha de Ingreso: marzo-2009
Mensajes: 11
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Mostrar info de una imagen al pasar raton

es mas o menos parecido al ejemplo que me habeis puesto pero si puede ser que todas las informaciones salga en el mismo textarea (vamos que tengan un espacio fijo en la web y ahi salga la informacion correspondiente...) gracias por responder tan rapidamente ;)
  #5 (permalink)  
Antiguo 27/05/2009, 17:04
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Respuesta: Mostrar info de una imagen al pasar raton

si quieres que salga en otro sitio, sería con javascript supongo de todas formas en la web que te ha pasado jomaruro, tienes muchos ejemplo variados, quizás alguno te venga bien
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 27/05/2009, 17:49
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 16 años, 4 meses
Puntos: 26
Respuesta: Mostrar info de una imagen al pasar raton

Mmm... no estoy para nada seguro ni sé mucho de esto, pero creo que podrías regularlo con margin: auto (aparecería en el centro de la página) ó dando valores más fijos a top, left, rigth y bottom en CSS. Saludos y suerte.
  #7 (permalink)  
Antiguo 27/05/2009, 23:48
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 16 años, 9 meses
Puntos: 8
Respuesta: Mostrar info de una imagen al pasar raton

Puedes utilizar varios sistemas...

Uno, quizás el más sencillo sería que te mires unas funciones de dreamweaver llamadas MMSwapImg() y MMSwapImgRestore() que lo que hacen es sustituir una imagen por otra. Sólo debes tener cuidado de especificar una ID en la imagen que quieras que cambie. De esta forma tendrías una imagen en blanco donde deben aparecer los textos y una imagen por cada Texto explicativo y al pasarlo por cada enlace la vas cambiando...

Otra un poco más compleja, pero con la que aprenderías un poco de JavaScript consistiría en crear, por ejemplo, un textbox en un formulario en la posición de la web que tu desees, y al pasar el raton por encima del link (deberías activar la propiedad OnMouseOver) llamas a la función de javascript() que muestra el texto que le pases. Esta función sería algo del tipo:

function muestratexto(lugar,texto)
{
element = document.getElementById(lugar);
element.value = texto;
}

y en el link te quedaría algo del tipo
<a href ="" OnMouse Over="muestratexto('id_del_elem_de_form', 'texto alternativo') ">
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 23:21.