|
 |
 |
|
HTML Links : IMAGE MAPPING
|
Det er muligt at lave et billed-link til flere sider afhængig af, hvor på billedet der klikkes.
Teknikken, der bruges hertil, kaldes billed-mapping.
Du specificerer ganske enkelt, hvilke områder af billedet der skal linkes hvorhen.
Hvis du i eksemplet nedenfor placerer musen i øverste venstre hjørne, linker det til Yahoo .... og i det nederste højre hjørne .... linker det til hotbot:
<img src="rainbow.gif" usemap = #example border=0>
<map name=example>
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.dk">
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com">
</map>
|
I eksemplerne ovenfor brugte vi kun retangulær billed-mapping. Der er følgende former:
- <area shape=rect coords= x1,y1, x2,y2 Href="http://www.domain.com">
- <area shape=circle coords= x1,y1, x2,y2 Href="http://www.domain.com">
- <area shape=polygon coords= x1,y1, x2,y2, .., xn,yn Href="http://www.domain.com">
Der er fortrinlige værktøjer på nettet, der kan hjælpe dig med at lave billed-maps. Ingen udregner koordinaterne i hånden.
Hvis du vil bruge billed-maps på din side, har du brug for et program, som gør det muligt for dig blot at trække musen over de områder, du vil have skal fungere som links.
De fleste HTML-editorer har denne indbyggede funktion.
Bruger du ikke en HTML-editor, kan du stadig få programmer, der vil gøre dette kedelige stykke arbejde for dig, og det bedste er - du kan få det gratis!
Nedenfor er links til websider, som kan hjælpe dig med at lave dine billede-maps hurtigt.
Du skal blot være sikker på, at billedet er uploadet til webbet, før du bruger værktøjerne.
|
|
 |  |
|