JUST HIGHLIGHT THE TEXT THEN RIGHT CLICK, COPY AND PASTE INTO YOUR HTML PAGE.

      BUT REMEMBER TO CHANGE THE VARIABLES THAT ARE IN RED!


Source code for Image Switch.


<!-- PUT THE SCRIPT IN THE HEAD SECTION -->

<script language="JavaScript"><!--
browserName=navigator.appName;
browserVer=parseInt(navigator.appVersion);

var clicked = "none";

if ((browserVer >= 3 & browserName == "Netscape") | (browserVer >= 4 & browserName == "Microsoft Internet Explorer"))
version="3";
else
version="2";

if (version=="3") {
button1on=new Image(34,90);
button1on.src="si_button_90x34.gif";
button1off=new Image(34,90);
button1off.src="buttonuse_90x34.gif";
button1click=new Image(34,90);
button1click.src="button88x31.gif";
}
function rollIn(imgName) {
if (version=="3" && clicked != imgName)
document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName)
{
if (imgName!=clicked)
{
if (version=="3")
{
document[imgName].src=eval(imgName + "off.src");
}
}
}
function rollClick(imgName)
{
if (version=="3")
{
if (clicked != "none") {
document[clicked].src = eval(clicked + "off.src");
}
clicked = imgName;
document[imgName].src=eval(imgName + "click.src");
}
}
//--></script>

<!-- Put the following code where you want the link to appear -->

<A HREF=" "
onMouseover = "rollIn('button1');
window.status='Your cursor is over the picture';
return true;"

onMouseout = "rollOut('button1');
window.status='';
return true;"

onClick = "rollClick('button1');
window.status='You just clicked the picture';
return true;"
>
<IMG SRC="si_buttonuse_90x34.gif" name="button1" border=0></a>


This document was last modified Tuesday, June 19, 2007 At 5:10:20 PM