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