| |
|
|
| | Собственно сабж.
Есть картинка - вернее кусок карты (JPG)
Нужно, чтобы при наведении курсора на какой-нибудь объект (например, город, на карте кружок диаметром 10-20 пикселей) появлялась подсказка\описание (какой-то текст в общем) для каждого свой.
Думаю, что это можно сделать при помощи JS.
В хтмл это можно сделать при помощи alt в <img> для одной картинки... | |
| |
|
|
| |
|
|
| |
для: st.Ass
(20.11.2006 в 22:16)
| | | Нужно наверное точно знать горизонтальную и вертикальную координату каждого кружочка-города. Их можно узнать в подходящем графическом редакторе. Потом анализировать координаты курсора и при совпадении кординат курсора и кружочка выдавать нужное сообщение. Не трудно в принципе. | |
| |
|
|
| |
|
|
| |
для: coloboc66
(20.11.2006 в 23:33)
| | | Это можно и тегами Area сделать - у них даже круги в арсенале активных областей есть. Читайте док. по HTML . На область можно навесить как title, так и постоянно висящую подсказку на основе слоёв и JS. | |
| |
|
|
| |
|
|
| |
для: 12345
(21.11.2006 в 02:13)
| | | > Нужно наверное точно знать горизонтальную и вертикальную координату каждого кружочка-города. Их можно узнать в подходящем графическом редакторе. Потом анализировать координаты курсора и при совпадении кординат курсора и кружочка выдавать нужное сообщение. Не трудно в принципе.
Да, да именно то что нужно.
Например имеется картинка в 10x10 пикселей.
имеется два города с координатами
a(2;8) и b(6,5)
___________
| |
| *a |
| *b |
| |
|___________|
города имеют, грубо говоря, `радиус` в 1 пиксель.
Не могли бы Вы привести пример подобной реализации?
Очень нужно, а времени на изучение JS к сожалению нет:( | |
| |
|
|
| |
|
|
| |
для: st.Ass
(21.11.2006 в 19:18)
| | | для каринки указываете какую карту использовать
<img src="картинка.png" usemap="#karta" />
потом прописываете саму карту
<map name="karta" id="karta">
<area shape="rect" coords="100,294,170,364" href="#" title="тут прямоугольная штука" />
<area shape="circle" coords="277,357,53" href="#" title="а это круг" />
<area shape="poly" coords="398,323,365,256,414,231,484,249,505,306,485,369" href="#" title="а это фигура сделанная из множества последовательно-соединенных точек" />
</map>
еще можно выдернуть например с spectator.ru tooltips'ы что бы менять их оформление... так красивее будет :) | |
| |
|
|
| |
|
|
| |
для: Yakor
(22.11.2006 в 02:26)
| | | Это наверное то, что предлагал 12345. Может, так и проще, и лучше... | |
| |
|
|
| |
|
|
| |
для: coloboc66
(22.11.2006 в 10:42)
| | | Спасибо огромное - попробую. | |
| |
|
|
