Placera bilden på sidan t ex så här:

<DIV ID="farg"
STYLE="position:absolute;
background-color:white;
width:150px;height:150px;
top:80;left:50">
<IMG SRC="bild.gif"
WIDTH="150"
HEIGHT="150"></DIV>

Byt alltså ut siffrorna efter WIDTH och HEIGHT till den aktuella bildens bredd och höjd. Byt ut bild.gif mot namnet på den bildfil du tänker använda.
Använd left och top i STYLE-taggen för att placera lagret på sidan; en nolla på båda platserna placerar det högst upp till vänster.

Placera JavaScript-funktionen som ser till att lagrets bakgrundsfärg byts i dokumentets HEAD-del:

<SCRIPT LANGUAGE="JavaScript">
<!--

function iljcol(farga)
{
if(document.layers)
{
document.farg.bgColor=farga //Netscape Navigator
}
if(document.all)
{
farg.style.backgroundColor=farga //Microsofts IE
}
}
if(document.getElementById)
{
document.getElementById('farg').style.backgroundColor=farga //nyare vers av båda
}
}
//-->
</SCRIPT>

Om färgen ska ändras när man klickar på textlänkar kan man HTML-koden för dem se ut så här:

<A HREF="#"
ONCLICK="iljcol('red');return false">ändra till rött</A>
<A HREF="#"
ONCLICK="iljcol('blue');return false">ändra till blått</A>
<A HREF="#"
ONCLICK="iljcol('#33FF66');return false">ändra till grönt</A>

Sidan gjordes av
 

 
ilj@flowsim.se
 

 
Senast ändrad 30 april 2004.
 
Den här sidan hör hemma i ett ramsystem hos http://www.flowsim.se
JavaScript på svenska