Senzitivní obrázkové mapy

Grafické menu (senzitivní obrázkovou mapu) tvoří obrázek, který je doplněn definicí aktivních oblastí v něm a stránek s nimi spojených. K tagu < IMG > pro vložení obrázku se přidá atribut USEMAP, který určuje jméno a definice oblastí mapy, která má být pro daný obrázek použita.
< IMG SRC="orázek.jpg" ... USEMAP="#jméno_mapy">
Definice mapy:
< MAP NAME="jméno_mapy" >
< AREA  
ACCESSKEY="přístupová_klávesa"
- klávesová zkratka pro přístup do pole obvykle v kombinaci s ALT
ALT="popisek"
- text, který se vypše, pokud prohlížeč nezobrazí mapu
COORDS="souřadnice"
- udává souřadnice pro tvary v senzitivní obrázkové mapě
HREF="soubor.html"
- jmeno souboru, který se otevře po kliknutí na oblast, 
nesmí být použit součaně s NOHREF!
NOHREF
- pro vyřazení oblasti
SHAPE="DEFAULT|RECTANGLE|CIRCLE|POLYGON" 
- tvar oblasti v senzitivní obrázkové mapě
TABINDEX="celé_číslo"
- pořadí odkazu při požití klávesy TAB, 
záporné číslo deaktivuje odkaz
TARGET="jméno_rámu" 
- určuje, ve kterém rámu se odkazovaný soubor otevře
>
< /MAP >

V těle mapy smí být obsaženy pouze tagy < AREA >, které určují tvar a umístění jednotlivých aktivních oblastí.
SHAPE - určuje tvar aktivní oblasti. Přípustné jsou hodnoty:
rect (obdélník), souřadnice levá x, horní y, pravá x, dolní y,
circle (kruh), souřadnice střed x, střed y, poloměr,
poly (mnohoúhelník), souřadnice vrcholů x1,y1, x2,y2, ... .
Senzitivní obrázková mapa z příkladu Informační proužek Jak to jde? Obrázek v PNG grafice Příklad:
< IMG SRC="mapa.gif" alt="Senzitivní obrázková mapa" 
USEMAP="#MAPA" BORDER=0 ALIGN=top>
< MAP NAME="MAPA">
< AREA SHAPE=rect coords="16,100,106,187" 
HREF="animace1.htm" ALT="Informační proužek.">
< AREA SHAPE=circle coords="58,43,37" 
HREF="animace2.htm"  ALT="Jak to jde?">
< AREA SHAPE=poly coords="159,199,184,163,175,149,195,118,
164,90,192,54,168,38,189,3,158,1,121,45,143,67,124,102,154,125,125,166" 
HREF="obrazek.htm"  ALT="Obrázek.">
< /MAP>
Začátek
Další
Předchozí