jquery при наведении мыши на изображение / ссылку показывает 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: http://craigsworks.com/projects/qtip/
• Подсказка плагина jQuery: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
• Простой совет: http://craigsworks.com/projects/simpletip/
• Подсказка: http://plugins.learningjquery.com/cluetip/
• wTooltip: http://wayfarerweb.com/wtooltip.php

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