Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Динамическая карта изображений (https://javascript.ru/forum/dom-window/24894-dinamicheskaya-karta-izobrazhenijj.html)

andreybugakov 18.01.2012 03:24

Динамическая карта изображений
 
У меня есть рисунок - схема сложного агрегата автомобиля, а на ней детали. Как можно сделать карту изображения, чтобы при наведении на отдельные детали схемы, контур этой детали подсвечивался или рядом с курсором появлялась отдельное изображений детали?
Полагаю, что последнее реализуемо с помощью чего-то тапа OnMouseOver + AJAX.
Подскажите, как и чем можно реализовать такой интерфейс?

melky 18.01.2012 06:52

никакого аякса не нужно. только разбейте исходное изображение на кучу мелких. каждому мелкому соотв. место на карте. потом просто по mouseover показываете изображение, на которое навели. это событие будет возникать в карте.

Eolin 29.01.2012 16:48

Здравствуйте! У меня вопрос по этой же теме. =) Можно ли как-то выцепить первые два значения координат текущего area (poly), чтобы передать их в качестве параметров позиционирования top/left другому объекту? Кто-нибудь может подсазать решение такой задачи или направить на статью/урок об этом?)

Pavel M. 29.01.2012 20:35

Цитата:

Сообщение от andreybugakov
У меня есть рисунок - схема сложного агрегата автомобиля, а на ней детали. Как можно сделать карту изображения, чтобы при наведении на отдельные детали схемы, контур этой детали подсвечивался или рядом с курсором появлялась отдельное изображений детали?

векторной графикой можно делать http://raphaeljs.com/australia.html

Seva1986 29.01.2012 22:57

andreybugakov,
возможно тег <area> подойдёт?


Часовой пояс GMT +3, время: 06:20.