_Sadam_
Старожил
Очень прошу моё мыло mailto:[email protected]
HTML: карта-изображение (image map)
- Автор темы _Sadam_
- Дата начала
Кекс
Старожил
Решил здесь написать, мало ли, кому-нибудь еще интересно будет.
Image map (карта-изображение) состоит из описания активных областей рисунка и собственно рисунка, на котором это все работает.
Области задаются так (в любом месте HTML-документа, чаще в <HEAD>):
<MAP NAME=имя_карты>
<area shape=rect coords=x1, y1, x2, y2 href=1.htm>
<area shape=circle coords=x1, y1, radius href=2.htm>
<area shape=poly x1, y1, x2, y2, x3, y3 href=3.htm>
</MAP>
Пояснения: shape - форма активной области. Бывает "rect" (прямоугольник), "circle" (круг) и "poly" (многоугольник). Координаты для них задаются в пикселах относительно самого рисунка. Для прямоугольника это верхний левый и правый нижний углы, для круга - центр и радиус, для многоугольника - координаты всех углов (в тексте выше это был бы треугольник)
К картинке это применяется следующим образом:
<img src=image.jpg usemap=#имя_карты>
Есть программы, призванные автоматизировать этот процесс. Я ими не пользовался, поэтому просто назову их к сведению, без всяких комментариев.
CoffeeCup Mapper ++ 3.0 (http://www.coffeecup.com)
LiveImage 1.29 (http://www.liveimage.com)
Image map (карта-изображение) состоит из описания активных областей рисунка и собственно рисунка, на котором это все работает.
Области задаются так (в любом месте HTML-документа, чаще в <HEAD>):
<MAP NAME=имя_карты>
<area shape=rect coords=x1, y1, x2, y2 href=1.htm>
<area shape=circle coords=x1, y1, radius href=2.htm>
<area shape=poly x1, y1, x2, y2, x3, y3 href=3.htm>
</MAP>
Пояснения: shape - форма активной области. Бывает "rect" (прямоугольник), "circle" (круг) и "poly" (многоугольник). Координаты для них задаются в пикселах относительно самого рисунка. Для прямоугольника это верхний левый и правый нижний углы, для круга - центр и радиус, для многоугольника - координаты всех углов (в тексте выше это был бы треугольник)
К картинке это применяется следующим образом:
<img src=image.jpg usemap=#имя_карты>
Есть программы, призванные автоматизировать этот процесс. Я ими не пользовался, поэтому просто назову их к сведению, без всяких комментариев.
CoffeeCup Mapper ++ 3.0 (http://www.coffeecup.com)
LiveImage 1.29 (http://www.liveimage.com)
Majik13
Старожил
В ImageReady тоже можно. Сам не пользовался, но карта картинки на http://www.aquatoria.ru/ сделана в нем.