0

Пытаюсь создать подобие интерактивной карты, так что бы при наведении курсора на выделенный участок карты, менялась картинка:

<body>
<script language='javascript'>
    function changeImage1() {
        document.map.src = 'map_dfo.png';
    }

    function changeImage2() {
        document.map.src = 'rus_map.png';
    }
</script>
<img src="rus_map.png" alt="карта россии" usemap="#map" border="0" />
<map name="map">
    <area shape="poly" coords="344,147,355,144," href="#" onmouseover='changeImage1()' onmouseout='changeImage2()'>

Если использовать скрипт без <map>, а только с картинкой, все работает идеально. Даже если в скрипте вместо document.map.src... подставить document.write("") - тоже работает идеально - при наведении курсора выводится надпись.

Уважаемые форумчане! Подскажите, пожалуйста, в чем ошибка? Почему картика не меняется?

1
  • TypeError: document.map is undefined
    – karmadro4
    10 апр 2012 в 12:55

2 ответа 2

1

может быть всё из за того что вы пытаетесь присвоить адрес картинки карте? попробуйте так:

  1. задаем id изображению

     <img id="map" src="rus_map.png" alt="карта россии" usemap="#map" border="0" />
    
  2. меняем в функции:

    function changeImage1() {
        document.getElementById('map').src = 'map_dfo.png';
    }
    
0

Готовые интерактивные SVG карты России есть на http://fla-shop.com.ru

1
  • Вопрос не ограничен картами России.
    – VladD
    11 фев 2013 в 16:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.