Image Mapping

Image mapping - Flere link på samme billede

Image Mapping er en metode til at have flere klikbare link på et enkelt billede. Hvis man eksempelvis har et billede af et fodboldhold, så kan det være vældigt praktisk at man kan klikke på een af spillerne, og så dukker der et nyt billede op på skærmen med kun denne ene person.

Systemet har desuden den fordel, at når man kører sin mus hen over linket, så dukker der en lille hjælpetekst op. Denne tekst kunne i det førnævnte eksempel være navnet på den spiller, man holdt musen hen over.

På billedet af Nivå kirke herunder er der indsat fem klikbare link. De fem link på billedet er disse:

Kirketårnet - Link til Google.
Kirkens tag - Link til Newbie.
Højre side af muren - Link til Greycell.
Stenen foran kirken - Link til FN Webdesign.
Højre side af græsplænen - Link til FN Foto.

I eksemplet her linkes der udelukkende til andre websider, men der kan lige så godt linkes til andre billeder, Power Point præsentationer, film-klip eller alt muligt andet.

Sådan laver du en ImageMap

En ImageMap består, - groft sagt - af noget HTML-kode, hvor man ved hjælp af nogle bredde-højde koordinater definerer en bestemt del af et billede til at være et klikbart link.

For en dreven programmør er det ret enkelt at håndkode dette, - men er man ikke helt så skrap til kodning, så findes der da heldigvis en del ImageMap Programmer, som kan gøre det meste af det sure arbejde for een.

I avancerede hjemmesideprogrammer som Frontpage og Dreamweaver en der en indbygget ImageMap-funktion i programmet, men er man ikke den lykkelige ejer af et sådant hjemmesideprogram, så findes der et stort udbud af deciderede ImageMap programmer, som eksempelvis disse tre:

CoffeeCup Image Mapper: [KLIK HER]
Boutell.com MapEdit: [KLIK HER]
GeoHTML ImageMap: [KLIK HER]

Hvis du ønsker et større udvalg end disse tre, så kan finde nogle flere ImageMap-programmer i bunden af denne webside: [KLIK HER]

Websiden HTML.dk har en fortræffelig artikel om ImageMapping. Denne artikel er så absolut værd at læse: [KLIK HER]

Tekst og HTML-kodning: Flemming Nielsen Webmaster FN Support
(Spirituel inspirator og åndeligt vejledende guru: GnaXi fra Arden)

Link til ImageMap Programmer - Betalingsprogrammer:

MapEdit: [KLIK HER]
CuteMap: [KLIK HER]
Visual Imagemapper: [KLIK HER]
CoffeeCup Image Mapper: [KLIK HER]
Life Software Imagemapper: [KLIK HER]
Advanced Imagemap Designer: [KLIK HER]

Link til ImageMap Programmer - Gratisprogrammer:

Du kan finde link til nogle gratis Image Map Programmer her på FN Support: [KLIK HER]