Om ni har många bilder

Har man många bilder kan man sätta upp dessa i en Array som man sedan använder med index för att komma åt en viss bild...

Koden bygger på föregående exempel. Ändringar med fetstil:

<script language="JavaScript">
<!--
var oldCol;
var bilderna = new Array(3);
if (document.images)
{
    bilderna[0] = new Image(10,10);
    bilderna[0].src = "pil.gif";
    bilderna[1] = new Image(10,10);
    bilderna[1].src = "boll.gif";
    bilderna[2] = new Image(10,10);
    bilderna[2].src = "blueball.gif";
    bilderna[3] = new Image(10,10);
    bilderna[3].src = "greenball.jpg";
}

function doOverNav( vilken, bildnummer )
{
    if (document.images)
        document.images[vilken].src = bilderna[bildnummer].src;
}

function doOutNav( vilken, bildnummer )
{
    if (document.images)
        document.images[vilken].src = bilderna[bildnummer].src;
}

//-->
</script>

<img name="bild1" src="tom.gif" width=10 height=10 border=0>
<a href="http://www.somewhere.com"
    onmouseover="doOverNav('bild1', 0 )"
    onmouseout="doOutNav('bild1', 1 )">
En länk till nån sida....
</a>
<br>
<img name="bild2" src="tom.gif" width=10 height=10 border=0>
<a href="http://www.somewhat.com"
    onmouseover="doOverNav('bild2', 2 )"
    onmouseout="doOutNav('bild2', 3 )">
En länk till nån annan sida....
</a>

En länk till nån sida....
En länk till nån annan sida....

Observera att bilderna inte måsta vara i samma format...