Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.01.2011, 17:49   #1
J-Max
Пользователь
 
Регистрация: 04.02.2010
Сообщений: 52
По умолчанию Наведение на непрозрачную область

У меня есть карта мира - каждая страна - отдельный файл png, они соединяются образую одну карту, так вот мне нужно сделать так чтобы при наведении на страну - она подсвечивалась другим цветом, т.е. просто заменять одну картинку страны на другую, но дело в том что страны разнообразной формы, а изображения с квадратной областью наведения и невозможно с такой областью менять изображения страны на которой курсор.
Искал в интернете сначала с другого конца, т.е. по координате курсора на карте высчитывать долготу и широту и с помощью гугл узнавать какую страну надо подсветить, но это не подходит, т.к. при каждом перемещении курсора запрос обрабатывается довольно долго и поэтому тормозит выделение.
Далее пришла в голову идея о том что можно как то узнать на прозрачном ли пикселе стоит курсор, т.е. на непрозрачном какой картинки он сейчас стоит, но нашел только как делать маску с заданными координатами, т.е. многоугольниками - это тоже не пойдет. Хотя, если конечно есть программка которая сделает маску координат для каждой страны, то было бы супер.
Подскажите, как лучше это сделать?
J-Max вне форума Ответить с цитированием
Старый 10.01.2011, 20:36   #2
kpachbiu
взагрузке.рф
Форумчанин
 
Аватар для kpachbiu
 
Регистрация: 13.06.2010
Сообщений: 117
По умолчанию

В HTML есть такая тема как map (на одной картинке, например, карте мира можно выделять зоны) ну а там уже придумать как JS будет менять картинки!

Можно вообще с помощью CSS подсвечивать!

http://www.nsc.ru/win/docs/html-gd/map.html
http://htmlbook.ru/html/map
http://html.manual.ru/book/html/navmaps/map.php
Взагрузке.рф - Файлы для людей
Ищу художника или веб-дизайнера для создания браузерной онлайн игры! icq 340-289-851
kpachbiu вне форума Ответить с цитированием
Старый 10.01.2011, 20:45   #3
J-Max
Пользователь
 
Регистрация: 04.02.2010
Сообщений: 52
По умолчанию

Цитата:
Сообщение от kpachbiu Посмотреть сообщение
В HTML есть такая тема как map (на одной картинке, например, карте мира можно выделять зоны) ну а там уже придумать как JS будет менять картинки!

Можно вообще с помощью CSS подсвечивать!

http://www.nsc.ru/win/docs/html-gd/map.html
http://htmlbook.ru/html/map
http://html.manual.ru/book/html/navmaps/map.php
Спасибо за наводки. Но я так и не могу разобраться - можно ли как то это автоматизировать, т.е. не в ручную вбивать границы каждой страны?
J-Max вне форума Ответить с цитированием
Старый 10.01.2011, 21:31   #4
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

Gimp используйте, там есть генератор map.
Кстати, сколько стран Вы собираетесь отразить на карте? Надеюсь, что не много иначе браузер "упадёт".
Виталий Желтяков вне форума Ответить с цитированием
Старый 10.01.2011, 21:39   #5
J-Max
Пользователь
 
Регистрация: 04.02.2010
Сообщений: 52
По умолчанию

Цитата:
Сообщение от Виталий Желтяков Посмотреть сообщение
Gimp используйте, там есть генератор map.
Кстати, сколько стран Вы собираетесь отразить на карте? Надеюсь, что не много иначе браузер "упадёт".
Все страны вот так вот: http://traveland.ru/d/T&_World.html
J-Max вне форума Ответить с цитированием
Старый 11.01.2011, 17:35   #6
Linel
Форумчанин
 
Аватар для Linel
 
Регистрация: 21.02.2009
Сообщений: 372
По умолчанию

Цитата:
Все страны вот так вот: http://traveland.ru/d/T&_World.html
Ну все - это не так и много.
Извините, не удержался
No name. Just Linel.
Linel вне форума Ответить с цитированием
Старый 14.01.2011, 02:11   #7
MarkStaver
 
Регистрация: 22.01.2010
Сообщений: 9
По умолчанию

http://www.tigir.com/fade.htm
MarkStaver вне форума Ответить с цитированием
Старый 14.01.2011, 13:16   #8
yury_coder
Пользователь
 
Регистрация: 31.10.2010
Сообщений: 53
По умолчанию

Цитата:
Сообщение от J-Max Посмотреть сообщение
Все страны вот так вот: http://traveland.ru/d/T&_World.html
Я бы Вам посоветовал сделать на своей карте большее увеличение, а те страны, которые в данный момент не выводятся просто не обрабатывать. Конечно, тогда придётся предусмотреть движение по карте и динамическое создание/удаление картинок, но производительность вырастет.

Цитата:
Сообщение от MarkStaver Посмотреть сообщение
Здесь проблема не в этом.
Главное здесь определить, выделять ли какую-то страну, и, если выделять, то какую конкретно.
А то, как выделять, если я правильно понял, проблемы не составляет.

Последний раз редактировалось yury_coder; 14.01.2011 в 14:03.
yury_coder вне форума Ответить с цитированием
Старый 15.01.2011, 23:05   #9
J-Max
Пользователь
 
Регистрация: 04.02.2010
Сообщений: 52
По умолчанию

Цитата:
Сообщение от yury_coder Посмотреть сообщение
Здесь проблема не в этом.
Главное здесь определить, выделять ли какую-то страну, и, если выделять, то какую конкретно.
А то, как выделять, если я правильно понял, проблемы не составляет.
Да, именно так.

Скачал эту программу, буду изучать.
J-Max вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отловить наведение курсора на форму? Marsel737 Общие вопросы Delphi 11 09.09.2010 23:32
реакция на наведение указателя на участок формы. Canvas skalt12 Общие вопросы Delphi 4 11.08.2010 13:09
Наведение мыши. DevilMaster HTML и CSS 11 12.06.2010 19:33
Наведение курсором на объект. segail Microsoft Office Excel 2 14.10.2009 16:39
наведение курсора на кнопку segail Microsoft Office Excel 1 27.06.2009 22:10