Для начала то, создаём документ, и пихаем следующее:
Code <img src="imagename" border="0" usemap"#название карты-изображения">
Ниже:
Code <map name="название карты изображения(то, что писали выше)"> <area href="ссылка" shape="Варианты ниже" coords="x1,y1,x2,y2 target="Варианты ниже">
Атрибут "imagename" - имя графического файла карты-изображения (.gif, .jpg)
Атрибут "mapname" - условное имя карты изображения
Атрибут "HREF" - гиперссылка на страницу перехода Если внутри области есть исключаемая для ссылки зона, она помечается атрибутом "NOHREF". Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей. В этом случае первой описывается зона с атрибутом "NOHREF". атрибут "ALT" - текстовое описание области
атрибут "TARGET" - имя фрейма, в котором необходимо отображать страницу по ссылке. Специальные имена в атрибуте "TARGET":
TARGET="_blank" определяет, что документ, полученный по ссылке будет отображаться в новом окне браузера.
TARGET="_self" определяет, что документ, полученный по ссылке будет отображаться в том же фрэйме, в котором находится ссылка.
TRAGER="_top" определяет, что документ, полученный по ссылке будет отображаться на всех поверхности окна, вне зависимости от наличия фрэймов. Использование данного параметра удобно в случае вложенных фрэймов. Возможные области в "SHAPE" - RECT, CIRCLE, POLY:
Для области RECT: Quote x1,y1 - координаты левого угла,
x2,y2 -координаты нижнего правого угла.
Для области CIRCLE: Quote x1,y1 - координаты центра окружности,
r - радиус окружности
Для области POLY: Quote x1,y1 - Коордиинаты самого левого верхнего угла,
x2,y2 - координаты второго угла по часовой стрелке
xn-ya - координаты последнего угла
Координаты областей отсчитываются вправо и вниз от верхнего угла карты-изображения.
Ну это такая, так скажем "теория". Теперь, чтобы было легче, выложу код, с помощью которого я сделал пример, который находится по адресу http://inucoz.com/sh/one.htm:
Code <HTML><HEAD> <TITLE>Несколько ссылок на одном скрине © InuCoz.Com</TITLE> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080"> <center> <img src="http://inucoz.com/sh/logosss.jpg" border="0" usemap="#InUcoz"> <map name="InUcoz"> <area href="http://inucoz.com/" shape="rect" coords="30,0,500,80" target="tarr"> <area href="http://inucoz.com/" shape="rect" coords="30,80,180,130" target="tarr"> <area href="http://inucoz.com/forum/" shape="rect" coords="30,135,150,171" target="tarr"> <area href="http://inucoz.com/news/" shape="rect" coords="30,182,330,215" target="tarr"> <area href="http://inucoz.com/load/" shape="rect" coords="30,220,330,245" target="tarr"> <area href="http://vkontakte.ru/club14058418" shape="rect" coords="0,280,350,300" target="tarr"> <area href="http://vkontakte.ru/id44659195" shape="rect" coords="470,150,500,300" target="tarr"> <area href="5.htm" shape="rect" coords="150,400,300,600" target="tarr"> <area href="6.htm" shape="rect" coords="300,400,450,600" target="tarr"> <br> </map> </center> </BODY></HTML>
Ну вообщем задавайте вопросы, постораюсь ответить, надеюсь кому-нибудь, да понадобится.
|
