Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/03/2013, 04:20
Avatar de chuidiang
chuidiang
Colaborador
 
Fecha de Ingreso: octubre-2004
Mensajes: 3.774
Antigüedad: 20 años, 1 mes
Puntos: 454
Respuesta: Mostrar texto al pasar raton por encima de una imagen

Hola:

jQuery tiene $(document).tooltip() que añade tooltips a todos los elementos que tengan "title" como atributo. Por ejemplo

Código HTML:
Ver original
  1. <img src="xxxx" title="texto a mostrar" ....

Si sólo lo quieres en determinados elementos, puedes bien colocar title solo en esos elementos o puedes poner el selector de jQuery que quieras, por ejemplo $('img').tooltip()

Eso quedaría como una "ventanita" flotante, no sé si es exactamente lo que quieres. Si prefieres que salga el div que ya tienes, si has añadido el onmouseover, mouseenter o lo que sea con jquery, dentro de tu función handler/callback el this será la imagen, así que podrías obtener el id correspondiente a esa imagen para tratar de componer el id del div correspondiente. Por ejemplo, si pones id a tus imagenes estilo imagen1, imagen2, imagen3 y los div correspondientes tienen id div1, div2, div3, con un poco de manejo de strings en javascript te resultará fácil obtener "divx" a partir de "imagenx".

El código puede parecerse a esto (pongo de memoria, tendrás que revisar/ajustar)

Código Javascript:
Ver original
  1. $('img').mouseover( function () {
  2.    var idImagen = $(this).id;    
  3.    var idDiv = idImagen.replace('imagen','div');  // suponiendo imagen1,imagen2... y div1,div2...
  4.    $('#'+idDiv).show();
  5. });

Se bueno.
__________________
Apuntes Java
Wiki de Programación

Última edición por chuidiang; 07/03/2013 a las 04:35