IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

 IZONE 


Карты, но неигральные

Ex Per exper_rpg@gala.net

Карты - это способ сделать различные части одного графического изображения гиперссылками.

Давайте сразу рассмотрим все на данном примере. Как видите, наводя мышкой на разные части картинки и кликнув на них, можно попасть в разные места. Как это сделать? Очень просто.

Вставляем в тег <img src=""> атрибут usemap="#name", где name - имя карты (значок # обязателен). Далее описываем активные области карты. Начинаем с <map name="name">, а заканчиваем </map>. Между ними помещаем описание каждой активной области изображения: <area shape="форма" coords="координаты" href="адрес" title="альтернативный текст">, где заместо форма - принимаем одно из следующих значений: rect - прямоугольник, poly - многоугольник, circle - окружность. Координаты заменяем списком координат. Для прямоугольника: x, y. Для могоугольника: координаты каждого из углов. Для окружности: координаты центра и радиус.

ВНИМАНИЕ! Все координаты отсчитываются в пикселях от левого верхнего угла изображения (картинки)!

Ну, а что такое адрес в href="" и альтернативный текст в title="", думаю Вы уже знаете. Так что, примерно, должно получиться следующее:

<img src="primer.jpg" usemap="#quests">
<map name="quests">
<area shape="rect" coords="62,43,169,62" href="ff.html" title="Shabash">
</map>

И тут всплывает вопрос: а как рассчитать точно координаты нужной части изображения? Для этого существуют специальные программы. Одна из них называется MapEdit. С ее помощью очень просто сделать так называемую карту.

Правда здорово?

P.S. Скачать программу MapEdit можно с моего сайта http://rpgru.narod.ru в разделе "Разное".

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.