|
Et imagemap er et lag du lægger over et billede eller et stykke grafik, som er inddelt i nogle områder. Man kan klikke på hver af disse områder eller holde musen henover for at få specifikke oplysninger til den del. Du kan se det som et landkort over dit billede.
For hvert af disse områder laver du selv links til andre sider, så den besøgende på sitet kommer ind på forskellige sider på dit site.
Et imagemap kan med fordel anvendes på forsiden. F.eks. hvis du har lavet et stort billede med mange forskellige varer og dine kunder skal kunne klikke sig ind til de forskellige varekort.
Mange vælger at få en grafiker til at lave imagemaps da det kræver noget teknisk snilde.
Der findes dog også et væld af gratis software til at lave imagemaps. Vi har haft gode erfaringer med onlineprogrammet www.image-maps.com som hurtigt og enkelt giver dig den HTML kode som du skal bruge. Af andre onlineprogrammer kan nævnes www.maschek.hu.
Er din shop forberedt til imagemap uploader du dit billede og koordinaterne.
Herunder ses et eksempel på kode til et imagemap:
<area shape="rect" coords="227,154,486,183" href="http://www.simplyvain.dk /category/%D8kologisk-h%E5rpleje&qu ot; title="Økologisk hårpleje" alt="Økologisk hårpleje" />
<area shape="rect" coords="227,265,500,294" href="http://www.simplyvain.dk /category/Gravid" title="Produkter til gravide" alt="Produkter til gravide" />
<area shape="rect" coords="227,226,317,255" href="http://www.simplyvain.dk /category/Duft" title="Dufte" alt="Dufte" />
<area shape="rect" coords="227,194,349,220" href="http://www.simplyvain.dk /category/Makeup" title="Makeup" alt="Makeup" />
<area shape="rect" coords="227,120,486,149" href="http://www.simplyvain.dk /category/%D8kologisk-hudpleje" ; title="Økologisk hudpleje" alt="Økologisk hudpleje" />
Koden giver, sammen med nedenstående billede mulighed for at klikke på punkterne og gå direkte til de steder i shoppen som punkterne omhandler.
Forklaring til koden:
area shape="rect" - feltet man kan klikke på er formet som et rektangel. Man kan i programmerne vælge andre former.
coords="227,154,486,183" - dette er koordinaterne for feltet som der er valgt til at kunne klikkes på.
href="http://www.simplyvain.dk /category/Duft" - dette sted i shoppen linkes der ind til.
title="Dufte" alt="Dufte"- holdes curseren henover et punkt, i dette tilfælde "Dufte", så vises på skærmen et lille felt med netop denne tekst. Teksten vælges selv i koden og giver især mening hvis der ikke er tekster på dit billede.
|
