Урок 4. Создание карты изображения.

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

Распределение ссылок по картинке описывается в тэге IMG следующим параметром:

<IMG SRC=”url” USEMAP=”url#map_name”>

Здесь аргумент USEMAP задает расположение схемы распределения map_name в URL.

Если URL не указан, то поиск схемы map_name ведется в текущем документе.

Код схемы может выглядеть так:

<MAP NAME=”map_name”>

<AREA [SHAPE=” shape “] COORDS=”x,y,...” [HREF=” reference “] [NOHREF]>

</MAP>

Здесь были использованы следующие тэги:

<AREA>

Определить для данного URL область на картинке посредством параметров SHAPE и COORDS.

SHAPE

Форма области. Вы можете выделить область на картинке так:

default — стандартная форма

¦ rect — прямоугольник

¦ circle — круг

¦ poly — многоугольник произвольной формы

COORDS

Координаты области. Задаются в пикселах. Отсчет начинается с нуля. Круг имеет три координаты, прямоугольник — четыре, а для многоугольника вы должны описать каждый его угол в двух координатах. Например, область, имеющая размеры 50 на 50 пикселов, описывается так:

<AREA COORDS=”0,0,54,54” ...>

HREF=”url”

Определить ссылку на схеме, то есть, вписать URL.

NOHREF

Указать, что в данной области картинки отсутствует ссылка. Этот параметр работает всегда, когда не определен параметр HREF.

</MAP>

Закончить описание схемы распределения ссылок по картинке.