Avatar billede mal Nybegynder
12. august 2001 - 14:56 Der er 2 kommentarer og
1 løsning

Hotspots frere - flere \"mouse over effekt\"

Har et billede med 6 hotspots,

Jeg kunne godt tænke mig at hver gang at jeg kører over et hotspot så skifter hele billedet ... altså hver hotspot giver et nyt billed.

<map name=\"FPMap0\">
<area href=\"C.htm\" shape=\"rect\" coords=\"23, 179, 193, 203\">
<area href=\"K.htm\" shape=\"rect\" coords=\"212, 180, 264, 202\">
<area href=\"D.htm\" shape=\"rect\" coords=\"289, 178, 395, 202\">
<area href=\"G.htm\" shape=\"rect\" coords=\"425, 179, 491, 203\">
<area href=\"L.htm\" shape=\"rect\" coords=\"519, 181, 586, 201\">
<area href=\"Ga.htm\" shape=\"rect\" coords=\"618, 181, 721, 203\"></map><a onmouseover=\"document[\'fpAnimswapImgFP1\'].imgRolln=document[\'fpAnimswapImgFP1\'].src;document[\'fpAnimswapImgFP1\'].src=document[\'fpAnimswapImgFP1\'].lowsrc;\" onmouseout=\"document[\'fpAnimswapImgFP1\'].src=document[\'fpAnimswapImgFP1\'].imgRolln\" href=\"java script:void(0)\"><img border=\"0\" src=\"Pictures/Image.jpg\" usemap=\"#FPMap0\" id=\"fpAnimswapImgFP1\" name=\"fpAnimswapImgFP1\" dynamicanimation=\"fpAnimswapImgFP1\" lowsrc=\"Pictures/C.jpg\" width=\"734\" height=\"217\"></a>
    </tr>
    <tr>

Avatar billede stigc Nybegynder
12. august 2001 - 15:18 #1
Her har jeg lavet det sådan, at når du fører musen over det første area så skifter billdet fra jubiis logo til googles....

<map name=\"FPMap0\">
<area href=\"C.htm\" shape=\"rect\" coords=\"23, 179, 193, 203\" onMouseover=\"fpAnimswapImgFP1.src=\'http://www.google.com/intl/da/images/home_title.gif\';\">
<area href=\"K.htm\" shape=\"rect\" coords=\"212, 180, 264, 202\">
<area href=\"D.htm\" shape=\"rect\" coords=\"289, 178, 395, 202\">
<area href=\"G.htm\" shape=\"rect\" coords=\"425, 179, 491, 203\">
<area href=\"L.htm\" shape=\"rect\" coords=\"519, 181, 586, 201\">
<area href=\"Ga.htm\" shape=\"rect\" coords=\"618, 181, 721, 203\"></map>


ligeledes gøre du med de andre areas....
Avatar billede stigc Nybegynder
12. august 2001 - 15:18 #2
ups! Hele koden:

<map name=\"FPMap0\">
<area href=\"C.htm\" shape=\"rect\" coords=\"23, 179, 193, 203\" onMouseover=\"fpAnimswapImgFP1.src=\'http://www.google.com/intl/da/images/home_title.gif\';\">
<area href=\"K.htm\" shape=\"rect\" coords=\"212, 180, 264, 202\">
<area href=\"D.htm\" shape=\"rect\" coords=\"289, 178, 395, 202\">
<area href=\"G.htm\" shape=\"rect\" coords=\"425, 179, 491, 203\">
<area href=\"L.htm\" shape=\"rect\" coords=\"519, 181, 586, 201\">
<area href=\"Ga.htm\" shape=\"rect\" coords=\"618, 181, 721, 203\"></map>

<img border=\"0\" src=\"http://www.jubii.dk/i/l.gif\" usemap=\"#FPMap0\"
id=\"fpAnimswapImgFP1\" name=\"fpAnimswapImgFP1\"
dynamicanimation=\"fpAnimswapImgFP1\" lowsrc=\"\"
width=\"734\" height=\"217\">
Avatar billede mal Nybegynder
12. august 2001 - 16:33 #3
Det jeg mente var med ... flere billeder ligesom her ... men din kode virker så skidt ...

Jeg siger mange tak

<body onload=\"dynAnimation()\">

<map name=\"FPMap0\">
<area href=\"C.htm\" shape=\"rect\" coords=\"23, 179, 193, 203\" onMouseover=\"fpAnimswapImgFP1.src=\'http://www.google.com/intl/da/images/home_title.gif\';\">
<area href=\"K.htm\" shape=\"rect\" coords=\"212, 180, 264, 202\" onMouseover=\"fpAnimswapImgFP1.src=\'http://us.a1.yimg.com/us.yimg.com/i/ww/m5v5.gif\';\">
<area href=\"D.htm\" shape=\"rect\" coords=\"289, 178, 395, 202\">
<area href=\"G.htm\" shape=\"rect\" coords=\"425, 179, 491, 203\">
<area href=\"L.htm\" shape=\"rect\" coords=\"519, 181, 586, 201\">
<area href=\"Ga.htm\" shape=\"rect\" coords=\"618, 181, 721, 203\"></map>

<img border=\"0\" src=\"http://www.jubii.dk/i/l.gif\" usemap=\"#FPMap0\"
id=\"fpAnimswapImgFP1\" name=\"fpAnimswapImgFP1\"
dynamicanimation=\"fpAnimswapImgFP1\" lowsrc=\"\"
width=\"734\" height=\"217\">
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