	ИНФОРМАЦИЯ, ДИЗАЙН, ПЕРЕВОДЫ, РЕКЛАМА . . .	w a p - с а й т
		Информационный портал

Сегодня:

admin@aranea.ru
+79068922256

aranea.ru || Занятия и примеры по HTML | Локальная (клиентская) карта-изображение

Локальная (клиентская) карта-изображение

Язык HTML позволяет присваивать определенным участкам изображения какие-либо действия (например, при щелчке мышки на этом участке может осуществляться переход к другому документу). Такие изображения называются картами-изображениями. Карты изображения могут быть серверными или клиентскими (локальными).

Клиентские карты-изображения легче и удобнее для выполнения.

Для описания клиентской (локальной) карты-изображения необходимы элементы IMG, MAP и AREA

Возьмем фотографию. Выберем круглый участок, который включает паука, и многоугольный участок, в котором находится жертва – комарик.

Координаты центра окружности, радиуса, а также координаты вершин многоугольника определяем в любом графическом редакторе. Очень удобен – Adobe ImageReady. Если вы прочитали выше указанные ссылки для элементов MAP и AREA, то размещение координат для определенной формы участка изображения, не будет очень сложным.

Пример 64

<HTML> 
  <HEAT><TITLE>ПРИМЕР 64</TITLE></HEAD>
     <BODY> 
        <IMG src="spider1.jpg" align="center" usemap="#spider"
                border="0"> 
         <MAP name="spider">
             <AREA shape="circle" coords="137,65, 30" 
                      href="64a.html" alt="паук-охотник">
             <AREA shape="rect" coords="155,149, 237,234" 
                      href="64b.html" alt="жертва-комарик">
         </MAP>
     </BODY>
</HTML>

* Обратите внимание. Радиус вычисляется из координат, в нашем примере 167-137=30.

Посмотрите примеры карт-изображений в спецификации HTML 4.01 в разделе Примеры клиентских карт изображений.

← Назад | Вперед →