Подсказка к изображению не работает

Question

Я пытаюсь отобразить изображение в качестве всплывающей подсказки при наведении на изображение. Я читал различные посты о переполнении стека и пытался, но все же он не работает. Я изучаю jQuery и хотел бы помочь мне показать, какой аспект всплывающей подсказки мне не хватает?

Вот код, который я использую до сих пор:

$(document).ready(function () {
    $(".panel").tooltip({
        delay: 0,
        showURL: false,
        track: true,
        bodyHandler: function () {
            return '<img src="images/b_clicktozoom.jpg" alt="Click to Zoom" width="88px" height="20px"/>';
        }
    });
});

HTML-код выглядит следующим образом:

 <div class="belt">
     <div class="panel" style="float: none; position: absolute; left: 2643px;">
         <img width="879" height="510" border="0" usemap="#xyz.jpg"alt="Writing on the Wall" src="xxx.jpg">
     </div>
 </div>

Пожалуйста, дайте мне знать ваши мысли по этому поводу

Спасибо

Answer 1

Перейти по следующему URL

http://flowplayer.org/tools/tooltip/index.html

и включите его в тег скрипта следующим образом:

SRC = "http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"

и затем вызовите его для элемента html-тега, например, $ ("label"). Tooltip ();

Answer 2

Включаете ли вы внешний JS-файл подсказки jQuery на своей странице? tooltip () не будет работать без плагина всплывающей подсказки на вашей странице. Вы можете скачать его с http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/