Avatar billede yoghurt-feen Nybegynder
16. maj 2012 - 17:52 Der er 2 kommentarer

Responsive verdenskort med punkter

Hej eksperter!

Bilag: http://dl.dropbox.com/u/3918736/kort.jpg

Jeg sidder med verdenskort som jeg har tilføjet width:100% på, for at gøre kortet responsive, hvilket er nødvendigt i mit layout. Jeg har dog et problem i og med at når man kører over eksempelvis "Vanilje", skal der komme et tooltip op og give supplerende oplysninger.
Jeg har forsøgt mig med HTML tagget <area> og så give de enkelte skilte koordinater, men så opstår der problemer når jeg resizer vinduet.
Dernæst har jeg prøvet at positionere skiltene absolute og give dem procent-vis positionering, men det gik også ret skidt.

Har du nogen ideer til hvordan jeg skal knække nødden?

Mvh,
Mads
Avatar billede jokkejensen Novice
16. maj 2012 - 19:53 #1
Brug javascript til at finde størrelsen på billedet, og flyt så dine <a /> tags afhængigt af størrelsen - drop det imagemap.

/J
Avatar billede yoghurt-feen Nybegynder
16. maj 2012 - 20:07 #2
Det havde jeg også overvejet, altså at lave en jQuery funktion, men jeg kan vitterligt ikke greje i mit hoved hvordan jeg skulle konstruere den!

$(document).ready(function () {
  $("skilt").attr("width", $("kort").width - blah)
});

Noget i den stil? Jeg føler mig virkelig blank!
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