Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: всплывающая подсказка при наведении на определенный объект на картинке?

Сообщения:  [1-7] 

 
 автор: st.Ass   (25.11.2006 в 11:52)   письмо автору
 
   для: coloboc66   (22.11.2006 в 10:42)
 

Спасибо огромное - попробую.

   
 
 автор: coloboc66   (22.11.2006 в 10:42)   письмо автору
 
   для: Yakor   (22.11.2006 в 02:26)
 

Это наверное то, что предлагал 12345. Может, так и проще, и лучше...

   
 
 автор: Yakor   (22.11.2006 в 02:26)   письмо автору
 
   для: 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'ы что бы менять их оформление... так красивее будет :)

   
 
 автор: st.Ass   (21.11.2006 в 19:18)   письмо автору
 
   для: 12345   (21.11.2006 в 02:13)
 

> Нужно наверное точно знать горизонтальную и вертикальную координату каждого кружочка-города. Их можно узнать в подходящем графическом редакторе. Потом анализировать координаты курсора и при совпадении кординат курсора и кружочка выдавать нужное сообщение. Не трудно в принципе.

Да, да именно то что нужно.

Например имеется картинка в 10x10 пикселей.
имеется два города с координатами
a(2;8) и b(6,5)
___________
| |
| *a |
| *b |
| |
|___________|

города имеют, грубо говоря, `радиус` в 1 пиксель.
Не могли бы Вы привести пример подобной реализации?
Очень нужно, а времени на изучение JS к сожалению нет:(

   
 
 автор: 12345   (21.11.2006 в 02:13)   письмо автору
 
   для: coloboc66   (20.11.2006 в 23:33)
 

Это можно и тегами Area сделать - у них даже круги в арсенале активных областей есть. Читайте док. по HTML . На область можно навесить как title, так и постоянно висящую подсказку на основе слоёв и JS.

   
 
 автор: coloboc66   (20.11.2006 в 23:33)   письмо автору
 
   для: st.Ass   (20.11.2006 в 22:16)
 

Нужно наверное точно знать горизонтальную и вертикальную координату каждого кружочка-города. Их можно узнать в подходящем графическом редакторе. Потом анализировать координаты курсора и при совпадении кординат курсора и кружочка выдавать нужное сообщение. Не трудно в принципе.

   
 
 автор: st.Ass   (20.11.2006 в 22:16)   письмо автору
 
 

Собственно сабж.
Есть картинка - вернее кусок карты (JPG)
Нужно, чтобы при наведении курсора на какой-нибудь объект (например, город, на карте кружок диаметром 10-20 пикселей) появлялась подсказка\описание (какой-то текст в общем) для каждого свой.
Думаю, что это можно сделать при помощи JS.
В хтмл это можно сделать при помощи alt в <img> для одной картинки...

   

Сообщения:  [1-7] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования