Показать сообщение отдельно
  #7 (permalink)  
Старый 06.02.2013, 11:47
Новичок на форуме
Отправить личное сообщение для madwizard Посмотреть профиль Найти все сообщения от madwizard
 
Регистрация: 05.02.2013
Сообщений: 5

Сообщение от tsigel Посмотреть сообщение
Собственно есть очень простой вариант. Например есть некая большая картинка, на неё мы раскидываем прозрачные div над теми местами, на которых необходимо сделать отображение комментария. (дивы должны быть поверх картинки, расположить их можно с помощью position: absolute) Во внуторь этих дивов кладём верстку комментария к текущему диву с классом, например, "comment", со стилем display: none. Дальше всё просто.
$('/*Ваш див*/').hover(function() {
  $(this).find('.comment').css('display', 'block');
},function() {
  $(this).find('.comment').css('display', 'none');
})


Теперь у нас будет отображаться комментарий. Чтобы заставить его двигаться за курсором Вам бы почитать тут, Будут вопросы - пишите.
А если места над которыми должен быть комментарий круглые?
Т.е. если простые дивы сделать, область будет прямоугольной?
Ответить с цитированием