Avatar billede xzxzx Nybegynder
24. september 2001 - 13:14 Der er 5 kommentarer og
3 løsninger

Image map

Efter at have søgt lidt, har jeg ikke kunne finde et program hvor man tegner, streger, firkanter m.m. på et bilelde, som så laver at image map uda af det? Findes det?

Så mit næste spm. , hvordan kan jeg lave en mouse over ved hjælp af mit image map. Sådan så når mussen bliver ført og en bestemt firkant, bliver hele bileldet skiftet ud med et andet. Ligeledes når mussen er uden for nogle af de 3 firkanter, bliver det et default bilelde?!?

Hvordan gør jeg det?
Avatar billede NanoQ Nybegynder
24. september 2001 - 13:16 #1
Det gør det da :)

Jeg selv bruger ImageMapic

Det er freeware, og kan hentes på http://download.cnet.com/downloads/0-4003370-100-5160075.html?tag=st.dl.10001-103-1.lst-7-7.5160075

NanoQ
Avatar billede xzxzx Nybegynder
24. september 2001 - 13:26 #2
Okay tak.
Så fik jeg lavet mig følgende kode:
<img src=\"top.gif\" usemap=\"#top.gif\" border=\"0\"><br>

<map name=\"top.gif\">
<area shape=\"rect\" coords=\"214,15,273,33\" href=\"\" target=\"\">
<area shape=\"rect\" coords=\"334,16,394,32\" href=\"\" target=\"\">
<area shape=\"rect\" coords=\"456,14,515,32\" href=\"\" target=\"\">

</map>

Hvor kan jeg så lav en mosue over på f.eks:
<area shape=\"rect\" coords=\"456,14,515,32\" href=\"\" target=\"\">
så hele billedet bliver skiftet ud med eks. menu1.gif?
Avatar billede NanoQ Nybegynder
24. september 2001 - 13:45 #3
Det kan du ikke gøre på et imagemap.

Her er du istedet nødt til at klippe dit billede ud i mindre stykker, og sætte dem sammen i din html.
Avatar billede hirtshals Nybegynder
24. september 2001 - 13:46 #4
<area shape=\"rect\" coords=\"456,14,515,32\" href=\"\" target=\"\" OnMouseover=\"img.src=\'menu1.gif\'>

Billedet skal have en id / name


<img id=\"img\" name=\"img\" src=\"top.gif\" usemap=\"#top.gif\" border=\"0\"><br>
Avatar billede xzxzx Nybegynder
24. september 2001 - 14:29 #5
Sådan ser den ud nu, og det virker ikke :-/

<div align=\"center\">
<img src=\"top.gif\" usemap=\"#top.gif\" border=\"0\" id=\"img\" name=\"img\"><br>
<map name=\"top.gif\">

<area shape=\"rect\" OnMouseover=\"img.src=\'menu1.gif\'\" coords=\"334,16,394,32\" href=\"1.php\" target=\"_blank\">
<area shape=\"rect\" coords=\"456,14,515,32\" href=\"\" target=\"\">

</map>
</div>

Hvad ellers a\' forslag?
Avatar billede xzxzx Nybegynder
24. september 2001 - 14:30 #6
Eller har nanoq  ret?
Avatar billede xzxzx Nybegynder
24. september 2001 - 15:09 #7
Det virker - har fundet ud af det!
<div align=\"center\">   
<img src=\"top.gif\" usemap=\"#top.gif\" border=\"0\" id=\"img\" name=\"img\"><br>   
<map name=\"top.gif\">   
<area shape=\"rect\" onmouseover=\"document.images.img.src=\'menu1.gif\'\" Onmouseout=\"document.images.img.src=\'top.gif\'\" coords=\"276,14,228,32\" href=\"\" target=\"\">   
<area shape=\"rect\"  onmouseover=\"document.images.img.src=\'menu2.gif\'\" Onmouseout=\"document.images.img.src=\'top.gif\'\" coords=\"334,14,394,32\" href=\"1.php\" target=\"_blank\">   
<area shape=\"rect\" onmouseover=\"document.images.img.src=\'menu3.gif\'\" Onmouseout=\"document.images.img.src=\'top.gif\'\" coords=\"456,14,515,32\" href=\"\" target=\"\">   

</map>   
</div> 
Avatar billede xzxzx Nybegynder
24. september 2001 - 15:09 #8
Tager lige 10point igen
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