10. oktober 2005 - 13:45
Der er
4 kommentarer og
2 løsninger
Opdeling af image med hyperlinks
Hej alle eksperter,
Håber I kan hjælpe
Jeg har et lille kort over Europa, hvor jeg vil have at det skal være muligt at klikke sig ind på de forskellige lande. Ved hvert land skal der linkes til et nyt link.
Samtidig vil jeg også gerne have at når man kører musen hen over et land bliver landet markere fx man en mørkere farve.
10. oktober 2005 - 14:01
#1
Det første er rimeligt simpelt: Brug et <map> med tilhørende areas (se f.eks.
http://blooberry.com/indexdot/html/tagpages/a/area.htm !-)
-- den anden kan du derimod ikke 'bare' lave, for du bliver nødt til at have et nyt billede, enten i stedet for hele kortet (nok ikke lige den ide, man i virkeligheden bruger !-), eller også må du lave nogle små billeder, som du viser henover det store, når musen kommer over !o]
10. oktober 2005 - 17:23
#2
Super, så er jeg igang. Det er bare noget af et arbejde mht koordinater. Her er en af dem:
219,155,223,166,219,170,220,176,226,176,231,178,232,172,238,175,246,167,253,162,343,161,343,151,254,152,256,146,239,140,233,141
Skal jo have alle kanter med ;)
Mht det sidste spørgsmål må jeg vende tilbage med det imorgen?
10. oktober 2005 - 18:11
#3
Selvfølgelig, for jeg er godt klar over, at der er rigtig mange kanter !-)
-- og ideen til resten skulle være, at du tog dit oprindelige kort, skar en firkant ud for hvert land, som er så lille som muligt, gør det udenfor landet gennemsigtigt og så placerer det, så det præcis overlapper landet på hele kortet ...
-- du skal så ikke lave mouseouts på areas, da de jo bliver dækket øjeblikkeligt ...
-- du kan så lave en funktion som tager fat i det samme billede, eller have et for hvert land, som bare ikke er vist medmindre der forekommer en mouseover på det store kort ...
-- placeringen af de små ovenpå det store klares så nemmest ved at lægge alle billeder indeni en relativt positioneret div, for så kan de små absolut placeres ovenpå kortet (og start-koordinaterne har du jo fra dit map !-)
-- hvis det så skal være helt suverænt, laver du også imagemaps med kun et area til de små billeder, så du onmouseout kan skjule billedet !o]
-- en masse pillearbejde, men resultatet bliver godt !-)