Ikke-firkantet hitbox på link

[harald25]

Jeg jobber med en hjemmeside for tiden der førstesiden skal være et digert kart over Sør-Amerika. Man skal kunne klikke på et land for å komme videre til en underside om dette landet.

Mitt spørsmål er, hvordan kan jeg få hitboxen til å være formet som landet?
Når jeg klipper ut disse bildene vil jo bildene bli firkanta selvom selve landet på bildet ikke er det.
Jeg ønsker ikke at hitboxen på et land overlapper landene ved siden av om dere skjønner.

Jeg har googlet litt, men klarte ikke finne den rette syntaksen for å få riktig treff, så jeg håper noen her skjønner hva jeg mener og kan hjelpe meg videre! =)

 

[adeneo]

Du klipper ikke ut små bilder, du bruker et stort bilde og lager "hotspots" på bildet.

For å gjøre dette benyttes html taggene <area>, <map> samt usemap funksjonen til <img>.

Står litt generelt om hvordan det kan gjøres her, og du kan også bruke javascript for å legge "hover" og "klikk" funksjoner på de forskjellige <area> som representerer hvert land.

For å mappe koordinater i bildet bruker du et tegneprogram som lar deg mappe, Photoshop har den funksjonen i vektorer, eller du kan prøve deg frem, men det tar ofte "litt" tid.

Mener også at Dreamweawer har muligheter for å lage hotspots på bilder, men aner ikke hvor bra det fungerer?