madwizard,
:) А чем не нравицо мой код ? Комментарии в титлах <area |
Цитата:
|
Цитата:
сейчас немного занят, скоро напишу. |
tsigel,
Обрамить каждый area в span, в span всунуть картинку с position:absolute; top:0;left:0;display:none; Всю карту обернуть в div c position:relative; тогда все картинки будут привязаны к левому верхнему углу карты (Про картинки пост 12) Отслеживаем наведение на span - разворачиваем картинку, при сходе курсора - сворачиваем |
Для того чтобы отображать комментарии в карте с использованием 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,
А я и не писал, что для канваса нужна привязка, я говорил что можно сделать блоками или, как альтернатива, канвасом и map area. Просто это сложнее и требует больших навыков. Но качество работы того стоит. |
tsigel,
:) Если не нужна - то как канва всплывет в нужной области ?-(вычислять крайние точки по area - геммор) Тут она всплывет в нужном span |
Часовой пояс GMT +3, время: 15:31. |