Сообщение от tsigel
|
Для того чтобы отображать комментарии в карте с использованием area Вам надо научиться связывать элементы. Это можно делать с помощью data() или можно сделать просто и наглядно.
Добавляем арии и метке одинаковый класс (например <area class='area lebel1' /> будет соответствовать метке <label class='label label1'></label>), тогда мы можем написать:
$('.area').hover(function() {//наведение на область
var class; //Объявляем переменную "class"
class = $(this).attr('class');//записали в переменную класс арии (class = "area lebel1")
class = class.replace('area ', '');//Удалили из переменной класс арии (class = "lebel1")
$('.' + class).css('display', 'block');//показали метку
}, function () {//потеря наведения на арию
$('.label').each(function() {//цикл по всем элементам с классом label
$(this).css('display', 'none');//скрываем все метки
})
})
Конечно можно намного короче, постарался разжевать каждый шаг. Надеюсь что у вас остается понимание кода.
|
Создали карту, написали скрипт, а куда саму верстку комментария девать?
У Deff'a карта отличная, почти то что нужно, но комментарий там просто текст, а не блок с элементами =( надеюсь до меня дойдет, как все это делать =(