Källkoden för /anders.enges/html/js8.asp

---

<!--#include file="../inc/navstuff.asp" -->
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...
<p>
Koden bygger på föregående exempel. Ändringar med fetstil:<p>
<div class=code>
<script language="JavaScript"><br>
<!--<br>
var oldCol;<br>
<b>var bilderna = new Array(3);<br></b>
if (document.images)<br>
{<br>
    <b>bilderna[0]</b> = new Image(10,10);<br>
    <b>bilderna[0]</b>.src = "pil.gif";<br>
    <b>bilderna[1]</b> = new Image(10,10);<br>
    <b>bilderna[1]</b>.src = "boll.gif";<br>
    <b>bilderna[2]</b> = new Image(10,10);<br>
    <b>bilderna[2]</b>.src = "blueball.gif";<br>
    <b>bilderna[3]</b> = new Image(10,10);<br>
    <b>bilderna[3]</b>.src = "greenball.jpg";<br>

}<br><br>

function doOverNav( vilken, <b>bildnummer</b> ) <br>
{<br>
    if (document.images)<br>
        document.images[vilken].src = <b>bilderna[bildnummer]</b>.src;<br>
}<br>
<br>
function doOutNav( vilken, <b>bildnummer</b> ) <br>
{<br>
    if (document.images)<br>
        document.images[vilken].src = <b>bilderna[bildnummer]</b>.src;<br>
}<br>
<br>
//--><br>
</script><br><br>
<img name="bild1" src="tom.gif" width=10 height=10 border=0><br>
<a href="http://www.somewhere.com" <br>
    onmouseover="doOverNav('bild1',<b> 0 </b>)" <br>
    onmouseout="doOutNav('bild1', <b>1</b> )"><br>
En länk till nån sida....<br>
</a><br>
<br><br>
<img name="bild2" src="tom.gif" width=10 height=10 border=0><br>
<a href="http://www.somewhat.com" <br>
    onmouseover="doOverNav('bild2',<b> 2 </b>)"<br>
    onmouseout="doOutNav('bild2',<b> 3 </b>)"><br>
En länk till nån annan sida....<br>
</a><br>
<p>
</div>
<p>
<br>
<SCRIPT  language="JavaScript">
<!--
var oldColXX;

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 doOverNavXX( vilken, bildnummer )
{
     if (document.images)
         document.images[vilken].src = bilderna[bildnummer].src;
}

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

//-->
</SCRIPT>

<img name="bild1" src="../images/tom.gif" width=10 height=10 border=0>
<a href="javascript:alert('hepp');"
     onmouseover="doOverNavXX('bild1', 0 )"
     onmouseout="doOutNavXX('bild1',1)">
En länk till nån sida....
</a>
<br>
<img name="bild2" src="../images/tom.gif" width=10 height=10 border=0>
<a href="javascript:alert('hepp');"
     onmouseover="doOverNavXX('bild2',2)"
     onmouseout="doOutNavXX('bild2',3)">
En länk till nån annan sida....
</a>
<p>
Observera att bilderna inte måsta vara i samma format...
<!--#include file="../inc/footer.asp" -->