Map - legge inn klikkbare bilder

Klikk for større bilde

Du kan godt bruke htmls map for å legge inn klikkbare bilder på nettsidene. Det krever imidlertid at du først skaffer deg den nødvendige koden ved hjelp av egen editor eller snekring i Photoshop eller liknende.

Deretter laster du opp bildet via en Filer-mappe, klikker på det for å få hele url-en, og legger denne inn i img src-taggen. Deretter lager du de aktuelle undersidene som de klikkbare delene av bildet skal peke til - og legger korversjonen av tall url-en (alt etter http://uit.no/) inn på rett plass i koden.

Under finner du et kode-eksempel fra Senter for Internasjonal Helses sider:

<img src="http://uit.no/getfile.php?PageId=2112&FileId=138" width="512" height="359" border="0" alt="" usemap="#flaggkart_Map">
<map name="flaggkart_Map">
<area shape="rect" alt="Bangladesh" coords="354,173,365,185" href="/49/5445/29">
<area shape="rect" alt="Australia" coords="391,255,463,318" href="/49/5445/10">
<area shape="rect" alt="Botswana" coords="245,265,256,281" href="/49/5445/6">
<area shape="rect" alt="Tanzania" coords="264,233,279,250" href="/49/5445/9">
<area shape="rect" alt="Guatemala" coords="61,189,70,203" href="/49/5445/11">
<area shape="rect" alt="Sri Lanka" coords="342,204,351,217" href="/49/5445/12">
<area shape="rect" alt="India" coords="331,179,349,199" href="/49/5445/13">
<area shape="rect" alt="Nepal" coords="345,167,360,179" href="/49/5445/8">
<area shape="rect" alt="China" coords="366,147,409,176" href="/49/5445/14">
<area shape="rect" alt="North West Russia" coords="262,78,298,106" href="/49/5445/1">
<area shape="rect" alt="UK" coords="208,103,222,118" href="/49/5445/7">
<area shape="rect" alt="Netherlands" coords="216,116,227,127" href="/49/5445/15">
<area shape="rect" alt="France" coords="208,129,222,139" href="/49/5445/5">
<area shape="rect" alt="Germany" coords="243,117,252,126" href="/49/5445/16">
<area shape="rect" alt="Poland" coords="236,112,246,121" href="/49/5445/4">
<area shape="rect" alt="Austria" coords="236,122,245,132" href="/49/5445/17">
<area shape="rect" alt="Armenia" coords="279,139,288,150" href="/49/5445/18">
<area shape="rect" alt="Bosnia-Herzegovina" coords="239,133,248,142" href="/49/5445/19">
<area shape="rect" alt="Italy" coords="223,137,240,151" href="/49/5445/20">
<area shape="rect" alt="Spain" coords="199,140,216,158" href="/49/5445/21">
</map>

Sluttresultatet kan du se her: http://uit.no/sih/5445/