Изменение цвета части рисунка!

Статус
В этой теме нельзя размещать новые ответы.

AntonR

Гуру форума
Регистрация
29 Ноя 2007
Сообщения
178
Реакции
75
Подскажите, пожалуйста, какое-нибудь решение для следующей проблемы? :bc:
Есть, например, рисунок карта страны с областями. Нужно,
1) чтобы при нажатии на область открывалась страничка с той областью на которую нажали.
2) чтобы при наведении курсора на область её цвет изменялся на какой-нибудь другой (отличный от того который был)?
-------------------------------------------------------

1) это я уже решил с помощью HTML Image Maps! :)

А вот второй пункт не знаю как сделать! :nezn:
 
Ты немного не в ту степь вопрос запостил :) ПХП тут ни при чем. Интерактивность в браузер джаваскрипт приносит.

А один из вариантов решения такой:
1. Ставишь в слой основную карту на страницу
2. Делаешь отдельные карты нужных областей - каждую в отдельный слой под основную карту(с помощью z-index - должен быть меньше, чем у основной карты)
3. При наведении на область(а ты это уже решил) добавь функцию джаваскриптовую, которая меняет з-индекс нужного слоя с областью.

Например, если есть область с id="obl_8", то ставишь на нее onmouseover="showMap(8);" onmouseout="hideMap(8);"

Код:
function showMap(id) {
  document.GetElementById("obl_" + id).style.z-index = "1000";
}

function hideMap(id) {
  document.GetElementById("obl_" + id).style.z-index = "0";
}
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху