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

Тема в разделе "Как сделать...", создана пользователем AntonR, 30 сен 2008.

Статус темы:
Закрыта.
  1. AntonR

    AntonR

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

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

    А вот второй пункт не знаю как сделать! :nezn:
     
  2. megadude

    megadude

    Регистр.:
    6 сен 2006
    Сообщения:
    184
    Симпатии:
    65
    Ты немного не в ту степь вопрос запостил :) ПХП тут ни при чем. Интерактивность в браузер джаваскрипт приносит.

    А один из вариантов решения такой:
    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";
    }
     
    AntonR нравится это.
Статус темы:
Закрыта.