8. Imagemaps

En imagemap är en klickbar bild, områden på en bild har blivit tilldelade HREF's, blivit länkar. Det finns olika slags imagemaps, men den enda jag tänker ta upp är den s.k. client-side. Jag har sett de andra användas, men det är mycket sällan, och det är inte stor vits att ta med dem här...

En imagemap går till så att du sätter en USEMAP="#namn_på_mappen", och sedan, någonstans i HTML-dokumentet (förslagsvis i början) skriver du ett MAP-avsnitt, med formen: MAP NAME="namn_på_mappen", lite definitioner på områden, och en /MAP.

Många använder program för att skapa sina image-maps, det finns t.ex. plugins för det till GIMP, men jag har inte orkat få igång nåt, det är så sällan man använder det ändå.

Inuti MAP-avsnittet ska det finnas några AREA-taggar. De har olika värden på växeln SHAPE, t.ex. CIRCLE, RECT och DEFAULT. Alla AREA-taggar (förutom DEFAULT), ska ha en COORDS och en HREF. anm: Det finns en tagg för frihand också, den återkommer jag med.

De båda SHAPE'sen CIRCLE och RECT har syntaxen:

CIRCLE: COORDS="x,y,r"
RECT: COORDS="x1,y1,x2,y2"

DEFAULT används för att sätta vart bilden ska länka som standard, vanligtvis väljer man då en NOHREF.

Det blir enklast om vi gör ett exempel:

<IMG SRC="image8_1.gif" WIDTH=300 HEIGHT=140 BORDER=0 USEMAP="#minkarta" ALT="En imagemap">

<MAP NAME="minkarta">
<AREA SHAPE="circle" COORDS="78,49,39" HREF="http://wlug.westbo.se/">
<AREA SHAPE="rect" COORDS="183,26,262,111" HREF="http://www.gimp.org/">
<AREA SHAPE="default" NOHREF>
</MAP>

Ger resultatet:

De flesta sakerna som går att göra med en länk går också att göra i AREA-taggen i en MAP, t.ex. OnMouseOvers o.dyl. Mer tror jag inte man behöver veta om imagemaps.