2012-03-02 4 views
0

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

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

$(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> 

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

Благодарности

+2

Это все хорошо и хорошо, но в чем проблема? Что не работает? Вы видели консоль ошибок вашего браузера? – Bojangles

+0

Вы включаете ссылку на файл сценария всплывающей подсказки? Какая ошибка вы получаете? убедитесь, что вы включили скрипты в правильном порядке. – DG3

+0

Вы видели этот пример? http://flowplayer.org/tools/demos/tooltip/index.htm –

ответ

0

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

+0

Да Я включаю jquery.tooltip.js – uppaljaskaran

+0

Можете посмотреть на использование другого плагина подсказки. Я не уверен, что эта поддержка поддерживается дольше. Похоже, он не обновлялся годами. Вот ссылка, в которой есть несколько других плагинов для всплывающих подсказок: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ –

0

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

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

и включить его в следующее тэгом:

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

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

+0

спасибо! да, это помогло мне немного, но дело в том, что я до сих пор не вижу своего изображения на tooltip.it теперь просто показывает мне всплывающую подсказку по умолчанию. код выглядит следующим образом '$ (документ) .ready (функция() {\t \t $() подсказка ({ задержка "панель.":. 0, showURL: ложь, дорожки: правда, bodyHandler: функция() { \t возвращение 'Click to Zoom'; //b_clicktozoom.jpg \t } \t}); \t \t }); \t $ .event.props.splice ($. Event.props.indexOf ("layerY"), 1); \t $ .event.props.splice ($. Event.props.indexOf ("layerX"), 1); \t ' – uppaljaskaran

Смежные вопросы