Avatar billede pfp Nybegynder
07. februar 2001 - 12:05 Der er 7 kommentarer og
1 løsning

Image rollover

Hejsa

Jeg vil gerne lave en menu, hvor der når man kører musen henover et link bliver vist forskellige billeder, på et fast sted på siden. Billederne skal være forskellige til hvert link.

Hvis du har koden e)ller har et direkte link er pointene dine :-)

/Peter F. Poulsen
Avatar billede skovtrold Nybegynder
07. februar 2001 - 12:07 #1
Her kan du se hvordan det kan laves...

http://pages.infinit.net/caterp/Java/mouve.htm

Du kan skifte både din knap og billedet der skal vises ved siden af.
Avatar billede sniperdog Nybegynder
07. februar 2001 - 12:12 #2
du kan gøre det med Dreamviewer - meget simpelt, har du det ikke kan du downloade det fra Macromedias hjemmeside http://www.macromedia.com - du skal bare lige vide at det fylder 24,5 mb så det tar\' nok en stykke tid hvis du har en langsom forbindelse

-.- Casper
Avatar billede Kengun Praktikant
07. februar 2001 - 12:40 #3
Eller bruk denne på min side: http://www.pitstop.f2s.com/meny/meny.htm
Den er enkel å bruke :-) - PS! Av/på knappene må være like store.
Avatar billede Kengun Praktikant
07. februar 2001 - 12:41 #4
Sorry, så ikke at du også skulle ha et bilde som skifter.......
Avatar billede olebole Juniormester
07. februar 2001 - 13:49 #5
<ole>

<html>
<head>
<script language=\"JavaScript\">

var myPics = new Array();
var picNum = 2; // Antal af mouseover-billeder
function preLoad() {
  for (i=0; i<picNum; i++) {
    myPics[i] = new Image();
  }
  myPics[0].src = \"2.gif\";
  myPics[1].src = \"3.gif\";
}

function swap(img_name,img_src) {
  document.images[img_name].src = img_src;
}

</script>
</head>
<body onload=\"preLoad();\">

  <a href=\"1.html\" onmouseover=\"swap(\'pic\',\'2.gif\');\" onmouseout=\"swap(\'pic\',\'1.gif\');\">Link 1</a><br>

<a href=\"2.html\" onmouseover=\"swap(\'pic\',\'3.gif\');\" onmouseout=\"swap(\'pic\',\'1.gif\');\">Link 2</a><br>

<img src=\"1.gif\" name=\"pic\">

</body>
</html>

/mvh
</bole>
Avatar billede pfp Nybegynder
07. februar 2001 - 15:12 #6
>>olebole

Tak det virker perfekt til mit formål.

/Peter F. Poulsen
Avatar billede olebole Juniormester
08. februar 2001 - 09:28 #7
...anytime :)
Avatar billede astalavista Nybegynder
09. april 2001 - 05:40 #8
.
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