En bättre variant

Det dumma med föregående exempel är att bildens namn är "hårdkodad" i funktionen. Detta gör att den bara fungerar för en bild

Om man har lie fler bider kan man istället använda följande:

Sätt in följande kod i HTML dokumentet:

<script language="JavaScript">
<!--
if (document.images)
{
    bild1 = new Image(24,18);
    bild1.src = "bild.gif";
    bild1_a = new Image(24,18);
    bild1_a.src = "bild_upp.gif";

    bild2 = new Image(24,18);
    bild2.src = "bild2.gif";
    bild2_a = new Image(24,18);
    bild2_a.src = "bild2_upp.gif";

    bild3 = new Image(24,18);
    bild3.src = "bild3.gif";
    bild3_a = new Image(24,18);
    bild3_a.src = "bild3_upp.gif";
}

function doOver( vilken )
{
    if (document.images)
        // sätt bilden till den bild som finns i den variabel
        // som har samma namn som parametern men med ett "_a" efter
        document.images[vilken].src = eval(vilken + "_a.src");
}

function doOut( vilken )
{
    if (document.images)
        // sätt bilden till den bild som finns i den variabel
        // som har samma namn som parametern
        document.images[vilken].src = eval(vilken + ".src");
}

//-->
</script>

<a href="http://www.somewhere.com"
    onmouseover="doOver('bild1')"
    onmouseout="doOut('bild1')">
<img name="bild1" src="bild.gif" width=24 height=18 border=0>
</a>

<a href="http://www.somewhat.com"
    onmouseover="doOver('bild2')"
    onmouseout="doOut('bild2')">
<img name="bild2" src="bild.gif" width=24 height=18 border=0>
</a>

<a href="http://www.sometimes.com"
    onmouseover="doOver('bild3')"
    onmouseout="doOut('bild3')">
<img name="bild3" src="bild.gif" width=24 height=18 border=0>
</a>

Till skillnad mot föregående exempel så säger vi här VILKEN bild det är frågan om genom att ange detta som en parameter till javascript funktionen.