Insert into the <HEAD> of your HTML page:

<SCRIPT LANGUAGE="JavaScript"><!-- dir ='../textures/' if(document.images){ bfront = new Image(86,58); bfront.src = dir+'btnfront.gif'; bright = new Image(86,58); bright.src = dir+'btnright.gif'; bleft = new Image(86,58); bleft.src = dir+'btnleft.gif'; } function button(nm,sd){ if(!document.images) return; eval('document.images[nm].src = b'+sd+'.src'); } // --> </SCRIPT>

Insert into the <BODY> of your HTML page:

<MAP NAME="themap"> <AREA SHAPE="CIRCLE" COORDS="22,29,18" HREF="#" onMouseOver="button('BTN','left')"; onMouseOut ="button('BTN','front')"> <AREA SHAPE="CIRCLE" COORDS="63,29,18" HREF="#" onMouseOver="button('BTN','right')"; onMouseOut ="button('BTN','front')"></MAP> <IMG SRC="../textures/btnfront.gif" NAME="BTN" USEMAP="#themap" HEIGHT=58 WIDTH=86 BORDER=0 ISMAP>

1998 Copyright (C) Next Step All Rights Reserved