www.ntnu.no *
INFOWEB >  utvikling og programmering >  webutvikling  > Hvordan lage imagemap
Tasks
You may add comments
Or e-mail this article
Read articles written by brendas
User rating
How much did this article help you?
Much Some Little
Print preview
You do not need a 'printer-friendly page' to print this page. Here's why

Imagemap

Imagemap gjør det mulig å lenke til ulike steder på ulike deler av bildet. Den enkleste måten å få til dette på er å skrive det rett inn i html-koden din. Et eksempel på hvordan du kan gjøre det følger under:

kode #1
<IMG SRC="bilde.jpg" USEMAP="#bilde" BORDER=0 WIDTH=261 HEIGHT=133>

<MAP NAME="bilde">
	<AREA SHAPE=RECT COORDS="100,6,163,23" HREF="generell.html" ALT="Generell informasjon">
	<AREA SHAPE=RECT COORDS="150,20,231,36" HREF="fotball.html" ALT="Fotball">
	<AREA SHAPE=RECT COORDS="177,37,261,56" HREF="handball.html" ALT="Handball">
	<AREA SHAPE=RECT COORDS="196,58,261,75" HREF="volleyball.html" ALT="Volleyball">
	<AREA SHAPE=RECT COORDS="185,77,255,97" HREF="badminton.html" ALT="Badminton">
	<AREA SHAPE=RECT COORDS="165,95,217,112" HREF="basket.html" ALT="Basketball">
	<AREA SHAPE=RECT COORDS="120,111,174,129" HREF="squash.html" ALT="Squash">
	<AREA SHAPE=RECT COORDS="0,42,152,101" HREF="medlemmer.html" ALT="Medlemmer">
</MAP>

I dette eksempelet har vi et bilde som heter bilde.jpg. Ved å klikke på ulike steder på bildet vil du komme til en av lenkene avhengig av hvor på bildet du klikker.

Ved hjelp av attributten SHAPE kan man spesifisere hvilken fasong området skal ha og COORDS spesifiserer koordinatene. I eksempelet over er alle områdene rektangulære.

Languages: no Comments: 0 Aid: 56 User rating:
 
 
Last updated: 2007-06-25 Author: brendas Read: 3257 times