<html>
<head>
<script language="JavaScript">
<!--
var bchange=true;
//***Функция смены рисунка и карты ссылок
function changeMapImage()
{
 bchange=!bchange;
 if (bchange)
 {
  document.mapImage.useMap="#map1";
  document.mapImage.src="1.gif";
 }
 else
 {
  document.mapImage.useMap="#map2";
  document.mapImage.src="2.gif";
 }
}
//***
// -->
</script>
</head>
<body>
//Рисунок
<img src="1.gif" alt="Image map" usemap="#map1"
name="mapImage" border="0" title="Image map">
//Первая карта ссылок
<map name="map1">
<area shape="rect" coords="3,17,131,121" href="1.html"

  title="Прямоугольник">
<area shape="circle" coords="209,67,46" href="2.html"

  title="Окружность">
<area shape="poly" coords="58,171,168,147,217,157,217,201,120,222"

  href="3.html" title="Многоугольник">
<area shape="default" nohref>
</map>
//Вторая карта ссылок
<map name="map2" id="mapid2">
<area shape="rect" coords="168,15,296,117" href="1.html"

  title="Прямоугольник">
<area shape="circle" coords="50,67,46" href="2.html"

  title="Окружность">
<area shape="poly" coords="58,171,168,147,217,157,217,201,120,222"

  href="3.html" title="Многоугольник">
<area shape="default" nohref>
</map>
//Форма с кнопкой по нажатии на которую 
//вызывается функция смены рисунка и карты ссылок
<form name="formText">
<input type="button" onclick="changeMapImage()"

  value="Сменить рисунок и карту ссылок">
</form>
</body>
</html>