Тег MAP. Часть изображения как ссылка

Тег MAP. Часть изображения как ссылка

2011-05-3021384
Чтобы только нужная часть изображения стала ссылкой, нам необходимо воспользоваться тегом MAP. Данный тег дает возможность делать карту из картинки. Можно сделать, чтобы область была прямоугольная, круглая, многоугольная. Для начала нужно прописать этот тег и присвоить ему нужно имя. В дальнейшем это имя мы прикрепим к тегу IMG с помощью атрибута USEMAP. Для каждой области прописываем отдельные координаты в теге AREA. В этом же теге прописываем нужную ссылку. А теперь разберемся с самого начала.

Добавим на страницу тег MAP и прикрепим к изображению имя карты, например, knopka.

Вместо троеточия вставим пропишем тело карты, т.е. области для ссылок. Собственно, одна область – это один тег AREA.



Давайте разберемся. Area – это сам тег, а остальное – его параметры. Shape – это вид области. Может принимать значения: rect (прямоугольник), circle (окружность), polygon (многоугольник), default. От этого зависят координаты. Для прямоугольника нужны четыре числа, а для окружности – три числа, т.е. первые два числа – это первая точка, а третье число – это радиус. Надеюсь, понятно, что означают следующие параметры, это ссылка и подсказка.

Координаты точек советую брать через Paint, т.к. там они отображаются в нижней части экрана.


Комментарии (4)
Александр Ильин 2011-05-31 в 09:12Спам
Круть! Я кстати такое же на одном сайте тоже нашёл)))
2
Денис Абдуллин 2011-05-31 в 11:14Спам
Покажи-ка
1
Владимир Погодин 2011-06-01 в 20:52Спам
напостройке вроде есть
2
Губка Томми 2011-06-01 в 21:10Спам
ну там-то подругому написано
0
Чтобы оставить комментарий или отзыв под этой публикацией,
зарегистрируйтесь или войдите.