Hvordan laver man en simpel MouseOver, så billedet skifter???

Følgende kode placeres i <HEAD> sektionen:

****kode start****

<SCRIPT LANGUAGE=JAVASCRIPT>
    <!-- Skjuler scriptet for ældre browsere

    if (document.images) {
        billed1 = new Image
        billed2 = new Image
        billed3 = new Image
        billedInfo = new Image

        billed1.src = "grafik/For-dk2.jpg"
        billed2.src = "grafik/For-dk3.jpg"
        billed3.src = "grafik/For-dk4.jpg"
        billedInfo.src = "grafik/For-dk1.jpg"
    }
    else {
        billed1 = ""
        billed2 = ""
        billed3 = ""
        billedInfo = ""
       
        document.roll = ""
    }
    // Slut på kommentar, der skjuler scriptet for ældre browsere -->
</SCRIPT>

*****kode slut*****
Denne kode loader alle billeder ved indlæsning af siden (forhindrer "forsinkelser" ved image rolls.

Herefter kaldes koden i ved billedet (dette eksempel i et image-map - det kan nemt tilpasses enkeltbilleder.

*****kode start*****
<MAP NAME="FrontPageMap0">
          <area shape="poly" coords="[map-koordinater her]" href="[link-koordinat her]" onmouseover="document.roll.src=billed3.src" onmouseout="document.roll.src=billedInfo.src">
<area shape="poly" coords="[map-koordinater her]" href="[link-koordinat her]" onmouseover="document.roll.src=billed2.src"onmouseout="document.roll.src=billedInfo.src">
<area shape="poly" coords="[map-koordinater her]" href="[link-koordinat her]" onmouseover="document.roll.src=billed1.src" onmouseout="document.roll.src=billedInfo.src">
<AREA SHAPE="POLYGON" COORDS="[map-koordinater her]" HREF="[link-koordinat her]">
<AREA SHAPE="POLYGON" COORDS="[map-koordinater her]" HREF="[link-koordinat her]">
        </MAP>
<img src="grafik/For-dk1.jpg" width="376" height="184" usemap="#FrontPageMap0" name="roll" border="0">
******kode slut********

Husk "name" tag  (her name="roll").

mvh /Jens

Du får lige den simple udgave oveni:

<html>
<head>
<!-- Her indsættes andre head-tags (TITLE, BASE, etc.) -->
<SCRIPT LANGUAGE=JAVASCRIPT>
    <!-- Skjuler scriptet for ældre browsere

    if (document.images) {
        billed1 = new Image
        billed2 = new Image

        billed1.src = "mus.jpg"
        billed2.src = "kat.jpg"
    }
    else {
        billed1 = ""
        billed2 = ""
       
        document.roll = ""
    }
    // Slut på kommentar, der skjuler scriptet for ældre browsere -->
</SCRIPT>
</head>
<body>
<A HREF="link.html" onmouseover="document.roll.src=billede1.src" onmouseout="document.roll.src=billede2.src"><IMG src="kat.jpg" border="0" name="roll"></A>
</body></html>

Denne kode skulle udskifte billedet kat.jpg med billedet mus.jpg hvergang musen kommer over billedet. Bemærk at koden ligger i linket <A HREF...> taggen, ikke i <IMG...> taggen - jeg ved ikke om man kan bruge rollover uden at lave links.

Tak for svaret - det var lige hvad jeg søgte.

Mvh

Thomas