JQuery OnMouseOver из изображения/ссылки показывает DIV в том же положении (подсказке)

Question

я хочу наведите курсор мыши на изображение -> которое в ссылке

во время я над изображением должно всплывать (как подсказка) div, который я могу заполнить и некоторым материалом - любая идея ?!

$ это ссылка, которая включает в себя IMG: я нашел изображение внутри и хотел, чтобы охватить DIV над изображением и сделать некоторые JQuery эффекты, которые дает пользователю возможность получить информацию, что, нажав на изображение Виль увеличить его

 $(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!") 

не работает: -/

Answer 1

Я считаю, что вы ищете функцию подсказки, есть тихие плагины несколько подсказки уже доступны, даже с пользовательским контентом, текстом, форматированным текстом, пользовательский макетом, или даже ajax-контент.

взглянуть на один из этих плагинов:

• 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

у некоторых есть больше вариантов, чем у другого, я использовал simpletip для некоторого сайта и его отличный , хотя его ограниченный контент, то, что вы хотите, вероятно, более чем похож на Qtip