jquery onmouseover d'une image/lien affiche une div à la même position (infobulle)

Question

je veux passer la souris sur une image -> qui est un lien

pendant que je suis sur l'image doit apparaître (comme une info-bulle) une div, que je peux remplir aussi avec quelques trucs - une idée ?!

$ c'est le lien qui comprend un img: i trouvé l'image à l'intérieur et a voulu couvrir un div dessus de l'image et de faire des effets jquery qui permet à l'utilisateur d'obtenir les informations, qui cliquant sur l'image wil agrandir

 $(this).parent().append($("<div/>") 
         .css({ "display" : "block", "left" : img.x, "top" : img.y, 
          "width" : img.width, "heigth" : img.heigth, "border" : "1px solid red"}) 
         .text("Click me!") 

ne fonctionne pas: -/

Answer 1

Je crois que vous êtes à la recherche d'une fonction d'info-bulle, il y a calme quelques plugins infobulle déjà disponibles, même avec un contenu personnalisé, texte, texte mis en forme, mise en page personnalisée, ou même contenu ajax.

un coup d'oeil à l'un de ces plug-ins:

• Qtip plugin: http://craigsworks.com/projects/qtip/
• jQuery plugin tooltip: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
• SimpleTip: http://craigsworks.com/projects/simpletip/
• ClueTip: http://plugins.learningjquery.com/cluetip/
• wTooltip: http://wayfarerweb.com/wtooltip.php

certains ont plus d'options que l'autre, j'ai utilisé simpletip pour certains site et son grand si son contenu limité, ce que vous voulez est probablement plus quelque chose comme Qtip