Søg
Avatar billede nemezis Nybegynder
06. oktober 2000 - 21:27 Der er 6 kommentarer og
1 løsning

OnMouseOver / billeder!!!!!

Jeg har en menu bestående af fire text-links. Desuden har jeg et billede på siden. Når musen kører over et af linksene, skal billede skifte til henholdsvis \"link1.gif, link2.gif, link3.gif eller link4.gif\". Når musen ikke står over nogen af linksene, skal billdet skifte tilbage til det originale..

Scriptet skal helst fungere i både Netscape (4.00) og Internet Explorer (4.00)
Avatar billede ujdesign Nybegynder
06. oktober 2000 - 21:33 #1
Se www.hotlight.dk, der kan du finde det i naviga.htm
Avatar billede masterblaster Nybegynder
06. oktober 2000 - 21:36 #2
well, Fætter ..du ber ikke ligefrem om at få den dybe tallerken genopfundet ;o) ...du finder alt hvad du skal bruge (og lidt til) her: http://javascripts.earthweb.com/dlink.index-jhtml.72.1746.-.0.jhtml
Avatar billede doeleman Nybegynder
06. oktober 2000 - 22:57 #3
Kig på følgende tutorial: http://www.dansteinman.com/dynduo/en/images.html
Avatar billede doeleman Nybegynder
06. oktober 2000 - 23:06 #4
<html>
<head>
  <title>Eksempel</title>

<script language=\"JavaScript\">
<!--

function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+\' = new Image()\')
        eval(imgObj+\'.src = \"\'+imgSrc+\'\"\')
    }
}

function changeImage(imgName,imgObj) {
    document.images[imgName].src = eval(imgObj+\".src\");
}



preload(\'imageA\',\'imageA.gif\')
preload(\'imageB\',\'imageB.gif\')
preload(\'imageC\',\'imageC.gif\')


//-->
</script>

</head>
<body>

<a href=\"java script:void(null)\"
onMouseOver=\"changeImage(\'myImg\',\'imageB\')\"
onMouseOut=\"changeImage(\'myImg\',\'imageA\')\">
</a>

<a href=\"java script:void(null)\"
onMouseOver=\"changeImage(\'myImg\',\'imageC\')\"
onMouseOut=\"changeImage(\'myImg\',\'imageA\')\">
</a>

Billedet der skal skifte har navnet \"myImg\":
<img name=\"myImg\" src=\"imageA.gif\" width=75 height=75 border=0>

</body>
</html>
Avatar billede doeleman Nybegynder
06. oktober 2000 - 23:09 #5
Ups, manglede lige at skrive link1 og link2 i linksne.

Scriptet består af to funktioner.
Ét til at preloade billederne og ét til at skifte billederne.

Linien preload(\'imageA\',\'imageA.gif\') giver billedet navnet imageA og indlæser filen imageA.gif i hukommelsen.


Avatar billede doeleman Nybegynder
06. oktober 2000 - 23:12 #6
<a href=\"java script:void(null)\"
onMouseOver=\"changeImage(\'myImg\',\'imageB\')\"
onMouseOut=\"changeImage(\'myImg\',\'imageA\')\">
Link 1
</a>

Når musen kører over linket, aktiveres changeImage, der udskifter \"myImg\" med imageB, når musen fjernes skifter den tilbage til imageA.


Hmmm, det blev lidt rodet, men jeg håber det er forståeligt.
Avatar billede ldanielsen Nybegynder
07. oktober 2000 - 12:29 #7
Kik i menuen på denne URL:

http://www.baseshop.com

Den kan lidt af hvert, og indeholder sin egen vejledning. der er dog en fejl i vejledningen:
Pkt 4 skal være

Pkt 4: I <a>-tags\'ene saettes:
      onMouseover=\"myRoll(1,1,0)\" onMouseout=\"myRoll(1,0,0)\" onClick=\"setActive(1)\"
      Foerste tal:  Nummeret paa billedet, du oensker udskiftet
      Andet tal:    Bestemmer om det er roll-versionen (1) der oenskes, eller
                    den oprindelige version (0)
      Tredje tal:  (valgfrit) lader dig vaelge et andet billede i listen,
                    jo stoerre, jo laengere fremme i listen

Tip: Det er det \"tredje tal\" her nævnt der giver dig det du ønsker.

Cookies blier brugt for at det virker korrekt i netscape (3) idet vinduet resize\'s

Held og lykke!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
I går 16:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
I går 13:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »