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

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

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

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

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



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

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

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (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
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.