|
Синтаксис <IMG>:
|
|
<IMG
|
|
SRC="URLадрес"
|
URL адрес изображения
|
|
LOWSRC="URLадрес"
|
URL адрес изображения с низким разрешением, показывает его, пока загружается изображение из SRC
|
|
ALT="описание"
|
текст выводящий на месте изображения при невозможности его загрузки, описание картинки
|
|
ALIGN
|
выравнивание изображение по отношению к оружающему тексту, по умолчанию - BOTTOM
|
|
- LEFT выравнивание изображения по левому краю
- RIGHT выравнивание изображения по правому краю
- TOP выравниевание верха изображения по верху самого высокого элемента в строке
- ABSMIDDLE выравнивание середины изображения по середине текста в строке
- ABSBOTTOM выравнивание низа изображения по самому низу низкого элемента в строке
- TEXTTOP выравнивание верха изображения по верху самого высокого текста в строке
- MIDDLE выравнивание середины изображения по основанию строки текста
- BASELINE выравнивание низа изображения по основанию строки текста
- BOTTOM то же самое что и BASELINE
|
|
BORDER="ширинаРамки"
|
ширина в пикселях рамки вокруг изображения
|
|
HEIGHT="высота"
|
высота изображения в пикселях или в процентах от высоты окна, фрэйма или
блочного элемента в котором находится изображение.
|
|
WIDTH="ширина"
|
ширина изображения в пикселях или в процентах от ширины окна, фрэйма или
блочного элемента в котором находится изображение, можно менять истинный размер изображения.
|
|
HSPACE="горизПоле"
|
расстояние в пикселях между текстом окружающим изображение слева и справа.
|
|
VSPACE="вертикПоле"
|
расстояние в пикселях между тестом окружающим изображение сверху и снизу.
|
|
ISMAP
|
изображение-карта, обслуживаемая сервером
|
|
USEMAP="#ИмяКарты"
|
название карты данного изображения, обслуживаемая программой-клиентом (браузером).
|
|
NAME="имя"
|
имя изображения посредством которого JavaScript может ссылаться на него.
|
|
ONABORT="прерватьJScode"
|
ява скрипт код исполняемый на событие - прервать загрузку изображения.
|
|
ONERROR="ошибкаJScode"
|
ява скрипт код исполняемый на событие - ошибка загрузки изображения.
|
|
ONLOAD="загруженJScode"
|
ява скрипт код исполняемый на событие - изображение загружено.
|
|
SUPPRESS="подавитьИлиНет"
|
подавить или разрешить вывод на месте загружаемого изображения иконки и описания
по ALT=""
- FALSE - по умолчанию, не подавлять
- TRUE - подавить, не выводить
|
Мой город Алматы,
зеленый и красивый.
Приезжайте, сами убедитесь!
|
|
<IMG SRC="pic/mount1.jpg" BORDER=4 WIDTH=450 HEIGHT=302 ALT="город Алматы, вид сверху" ALIGN="RIGHT">
|
|
Синтаксис <MAP>:
|
|
<MAP NAME="ИмяКарты">
|
имя карты, вызывается из тэга IMG: <IMG SRC="my.jpg" USEMAP="#ИмяКарты" >
|
|
Внутри тэга MAP описываются чувствительные области изображения посредством AREA
|
|
<AREA
|
|
COORDS="координаты"
|
координаты области, зависят от ее формы (SHAPE). По умолчанию область прямоугольная,
COORDS="x1,y1,x2,y2". Отсчет координат идет от левого верхнего угла изображения.
|
|
SHAPE="форма"
|
форма области:
- CIRCLE, SHAPE="x,y,r", круговая область, r- радиус области.
- RECT, SHAPE="x1,y1,x2,y2", прямоугольная область. x1,y1 - верхний угол,
x2,y2 - нижний угол.
- POLY или POLYGON, многоугольник до 100 сторон, SHAPE="x1,y1,x2,y2,...xn,yn",
координаты вершин многоугольника, причем, последние координаты совпадают с
начальными.
по умолчанию область прямоугольная
Если зоны изображения-карты частично накладываются друг на друга, в месте наложения имеет силу зона, определенная первой.
|
|
HREF="URL"
|
соответствующий области URL
|
|
NOHREF
|
для даной области нет URL
|
|
TARGET="ИмяОкна"
|
окно в котором загружается URL
|
|
ONMOUSEOUT="уходJScode"
|
запуск ява скрипт кода на событие - удаление указателя мышки от изображения, ссылки.
|
|
ONMOUSEOVER="надJScode"
|
запуск ява скрипт кода на событие - указатель мышки над изображением, ссылкой.
|
>
<AREA SHAPE=CIRCLE COORDS="50,50,25" HREF="http://home.netscape.com" >
<AREA SHAPE=RECT COORDS="50,50,100,100" HREF="http://developer.netscape.com" >
...
...
...
|
|
</MAP>
|
|
ПРИМЕР
|
|
<IMG SRC="pic/bhole1.jpg" USEMAP="#bhole" BORDER=0>
- <MAP NAME="bhole">
- <AREA SHAPE=CIRCLE COORDS="216,147,12"
- HREF="javascript:alert('центр галактики NGC 4261, расстояние до нас100 миллионов световых лет, возможно, черная дыра')" >
- <AREA SHAPE=POLY COORDS="68,1,203,136,16,1,68,1"
- HREF="javascript:alert('струи газа')" >
- <AREA SHAPE=POLY COORDS="233,158,324,222,300,223,233,158"
- HREF="javascript:alert('струи газа')" >
- </MAP>
|
|
Для обеспечения работы Ваших изображений-карт нужна программа CGI (Common
Gate Interface, Общий шлюзовой интерфейс), установленная на сервере.
Программа просмотра пользователя при щелчке мышью запускает эту программу и
передает ей координаты указателя. Программа CGI, используя файл, определяющий
изображение-карту, находит соответствующий координатам URL-aдpec и передает
его обратно браузеру.
В большинстве случаев программа для отслеживания координат мыши
предоставляется провайдером услуг Internet.
Файл, определяющий изображение-карту, обслуживаемой сервером, может быть
в двух форматах: CERN и NCSA. Разница в виде представления данных. Поэтому
Вам необходимо уточнить у вашего системного администратора, какой формат
поддерживает сервер.
|
| CERN |
NCSA |
|
форма_области (x1, y1) (х2, y2) ... URL
|
форма_области URL x1, у1 х2, у2
Файл, определяющий изображение-карту, может содержать комментарии,
обозначаемые символом #, расположенным в начале строки
|
Форма_области изображения-карты
1. прямоугольная зона
|
|
rect (x1,y1) (x2,y2)
|
rect url x1,y1,x2,y2
|
|
x1,y1 координаты верхнего левого и x2,y2 нижнего правого углов зоны
|
|
2. многоугольная зона
|
|
poly (x1,y1) (x2,y2) (x3,y3) (...) (x1,y1) URL
|
poly URL x1,y1 x2,y2 x3,y3 ... x1,y1
|
|
Многоугольник может иметь до 100 вершин. Многоугольник должен быть замкнутым.
Чувствительная область находится внутри многоугольника.
|
|
3. круглая зона
|
|
circle (x,y) r URL
координаты центра круга и его радиус:
|
circle URL x,y xc,yc
координаты центра круга и одной из точек его окружности xc,yc
|
|
4. точечная зона
|
|
point (x,y) URL
|
point URL x,y
|
|
маленькое чувствительное пятно.
|
|
5. зона по умолчанию
|
default URL
Если пользователь, щелкнув мышью на изображении-карте, не попал ни в
одну из зон, активизируется зона по умолчанию, не требует определения
координат.
|
После определения активных зон, сохраните полученные строки в текстовом
файле с раширением .MAP
Ссылка на изображение-карту:
<A HREF="путь к карте/имя.map"><IMG SRC="изображение" ISMAP></A>
|
