jquery onmouseover d'une image / link montre un div à la même position (info-bulle)

Question

je veux survoler une image - > qui est dans un lien

pendant que je suis sur l'image devrait popup (comme une info-bulle) un div, que je peux remplir aussi avec des trucs - une idée?!

$ c'est le lien qui inclut un img: J'ai trouvé l'image à l'intérieur et je voulais étendre un div au-dessus de l'image et créer des effets jQuery qui permettent à l'utilisateur d'obtenir les informations, que cliquer sur l'image pour l'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 pense que vous recherchez une fonction d’info-bulle. Il existe quelques plug-ins d’info-bulle déjà disponibles, même avec du contenu personnalisé, du texte, du texte formaté, une présentation personnalisée ou même du contenu ajax.

jetez un oeil à l'un de ces plugins:

• plug-in Qtip: http://craigsworks.com/projects/qtip/
• info-bulle du plug-in jQuery: 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 les autres, j’ai utilisé simpletip pour certains sites et sa grande bien que son contenu soit limité, ce que vous voulez est probablement plus quelque chose comme Qtip