Avatar billede movement Nybegynder
06. marts 2001 - 09:10 Der er 6 kommentarer og
1 løsning

udskiftning af billede ved mouseon


Hej

jeg ved ikke om nedenstående er den nemeste måden at gøre det på, men problemet ved nedenstående er, at billedet skifter ved berøring af bundover.gif istedet for ved berøring af
<AREA SHAPE=\"CIRCLE\" COORDS=\"77, 58, 18\"> PÅ bundover.gif-
er der nogen der har en løsning ?

hilsen

Anders



<script language=\"JavaScript\"><!--
MSFPhover =
  (((navigator.appName == \"Netscape\") &&
  (parseInt(navigator.appVersion) >= 3 )) ||
  ((navigator.appName == \"Microsoft Internet Explorer\") &&
  (parseInt(navigator.appVersion) >= 4 )));
function MSFPpreload(img)
{
  var a=new Image(); a.src=img; return a;
}
// --></script>
<MAP NAME=\"FrontPageMap4\"><script language=\"JavaScript\"><!--
if(MSFPhover) { MSFPnav2n=MSFPpreload (\"grafiks/bundover.gif\"); MSFPnav2h=MSFPpreload(\"grafiks/bundover2.gif\"); }
// --></script><a href=\"links.htm\" language=\"JavaScript\" onmouseover=\"if(MSFPhover) document[\'MSFPnav2\'].src=MSFPnav2h.src\" onmouseout=\"if(MSFPhover) document[\'MSFPnav2\'].src=MSFPnav2n.src\"><img src=\"grafiks/bundover.gif\"  border=\"0\"  align=\"middle\" name=\"MSFPnav2\"></a><AREA SHAPE=\"CIRCLE\" COORDS=\"77, 58, 18\" HREF=\"links.htm\" alt=\"Links\"></MAP>
Avatar billede nute Nybegynder
06. marts 2001 - 10:02 #1
den enkleste måten å lage imagemap på er som følger:

<map name=\"[ditt map]\">
<area href=\"xx\" shape=\"[circle|rect|polygon]\" coords=\"[koordinater]\">
<area href=\"xx\" shape=\"[circle|rect|polygon]\" coords=\"[koordinater]\">
</map>
<img border=\"0\" src=\"/ski.gif\" usemap=\"#FPMap0\" width=\"176\" height=\"69\">

så kan du på dine <area> legge onMouseOver/onMouseOut/onClick ...

/nute
Avatar billede engrob Nybegynder
06. marts 2001 - 16:24 #2
Ja, lad være med at bruge frontpage til det. Brug et andet program hvor du enten kan aflæse koordinaterne eller lave et imagemap automatisk. Brug fx en demo af Paint Shop Pro.
Avatar billede movement Nybegynder
08. marts 2001 - 14:24 #3
ok, imagemaps har jeg intet problem med at lave, men hvordan hvis jeg vil have billedet til at skifte med mouseover ?
Avatar billede jakoba Nybegynder
08. marts 2001 - 21:40 #4
som jeg forstår nute\'s svar skal du skrive:

<map name=\"[ditt map]\">
<area href=\"xx\" shape=\"[circle|rect|polygon]\" coords=\"[koordinater]\"
      onmouseover=\'alert(\"mouseover på første area\")\'>
<area href=\"xx\" shape=\"[circle|rect|polygon]\" coords=\"[koordinater]\"
      onmouseover=\'alert(\"mouseover på endet area\")\'>
</map>
<img border=\"0\" src=\"/ski.gif\" usemap=\"#FPMap0\" width=\"176\" height=\"69\">

Jeg har aldrig prøvet, men det lyder meget logisk.

mvh www.fotx.net/JakobA
Avatar billede jakoba Nybegynder
08. marts 2001 - 21:45 #5
i dit eget eksempel bliver det:

<MAP NAME=\"FrontPageMap4\"><script language=\"JavaScript\"><!--
if(MSFPhover) { MSFPnav2n=MSFPpreload (\"grafiks/bundover.gif\"); MSFPnav2h=MSFPpreload(\"grafiks/bundover2.gif\"); }
// --></script><a href=\"links.htm\" language=\"JavaScript\" ><img src=\"grafiks/bundover.gif\"  border=\"0\"  align=\"middle\" name=\"MSFPnav2\"></a><AREA SHAPE=\"CIRCLE\" COORDS=\"77, 58, 18\" HREF=\"links.htm\" alt=\"Links\" onmouseover=\"if(MSFPhover) document[\'MSFPnav2\'].src=MSFPnav2h.src\"
onmouseout=\"if(MSFPhover) document[\'MSFPnav2\'].src=MSFPnav2n.src\"></MAP>
Avatar billede sandfeld Novice
13. marts 2001 - 08:20 #6
Jeg synes at nedenstående script er noget nemmere at bruge til udskiftning af billeder ved mouseonover:
<head>
<script language=\"JavaScript\">
        function changePic(objName,picName) {
          objName.src=picName
        }
</head>

<a href=\"LINK SOM BILLEDET SKAL REFERERE TIL\" onMouseOut=\"changePic(document.images[0],\'HER SKRIVER DU STIEN FOR DET BILLEDE SOM SKAL VISES VED ONMOUSEOUT\')\"  onMouseOver=\"changePic(document.images[0],\'HER SKRIVER DU STIEN FOR DET BILLEDE SOM SKAL VISES VED ONMOUSEOVER\')\"<img src=\"HER SKRIVES STIEN FOR DET BILLEDE SOM SKAL VISES INDEN DU BEVÆGER MUSEN HEN OVER BILLEDET - OFTEST DEN SAMME STI SOM VED ONMOUSEOUT\" border=\"0\"></a>
Avatar billede movement Nybegynder
06. april 2001 - 17:19 #7
tak
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