Avatar billede mr_bula Nybegynder
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.
Avatar billede roenving Novice
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]
Avatar billede mr_bula Nybegynder
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?
Avatar billede roenving Novice
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 !-)
Avatar billede mr_bula Nybegynder
12. oktober 2005 - 21:38 #4
jeg dropper den sidste del ;) så smæk et svar så du kan få point
Avatar billede roenving Novice
13. oktober 2005 - 16:25 #5
Behold selv langt de fleste af dine point ;~}

Velbekomme '-)
Avatar billede roenving Novice
16. oktober 2005 - 15:46 #6
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester