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

---

<!--#include file="../inc/navstuff.asp" -->
Ut på nätet och titta på source. Det finns några hundra varianter på rollover, så
ni kan nog hitta fler än vad jag har skrivit hit....<p>
En intressant variant är att sätta upp en länklista och inne på sidan ha ett antal bilder
som visas vid behov. Tänk er till exempel en förteckning över studeranden i en klass. När man sätter musen ovanpå ett
namn visas personens foto på sidan. När man klickar på länken går man sedan
till studerandes hemsida. Nedan finns ett exempel på detta
(kolla koden, jag orkar inte kommentera).
<p>
<SCRIPT  language="JavaScript">
<!--
function doNothing() { ; }
var bilderna = new Array(3);
if (document.images)
{
     bilderna[0] = new Image(100,125);
     bilderna[0].src = "../images/fabbo.jpg";
     bilderna[1] = new Image(100,125);
     bilderna[1].src = "../images/tant.jpg";
     bilderna[2] = new Image(100,125);
     bilderna[2].src = "../images/untitled-1.gif";
     bilderna[3] = new Image(100,125);
     bilderna[3].src = "../images/tom.gif";

}

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>
<table>
<tr>
<td valign=top>
<a href="javascript:doNothing();" onmouseover="doOverNavXX('bilden', 0);" onmouseout="doOverNavXX('bilden', 3);">Glad gubbe</a><br>
<a href="javascript:doNothing();" onmouseover="doOverNavXX('bilden', 1);" onmouseout="doOverNavXX('bilden', 3);">Spretig tant</a><br>
<a href="javascript:doNothing();" onmouseover="doOverNavXX('bilden', 2);" onmouseout="doOverNavXX('bilden', 3);">Lilla jag</a>
</td>
<td>
<img src="../images/tom.gif" width=100 height=125 name="bilden" align=left>
</td>
</tr>
</table>
I Internet Explorer måste bilderna inte vara lika stora. Man skall då lämna bort width och height
i img taggen. I Netscape måste de vara lika stora och width och height i img taggen kommer
att bestämma visningsstorlek...<p>
Ni få gärna försöka gissa vilka bilder jag har ritat och vilka min sexårige son har ritat. Släng dig i väggen, Picasso!
<!--#include file="../inc/footer.asp" -->