Image
Text

HERE'S THE CODE
FRAMESET PAGE:
Use this code for the basic Frameset page. (Script Tested in IE5+ and Netscape4+.)
<SCRIPT LANGUAGE="JavaScript">
<!--//
if (document.images)
  {
toc1on = new Image(66, 107);
toc1on.src = "4.gif";

toc1off = new Image(66, 107);
toc1off.src = "2.gif";

toc2on = new Image(66, 107);
toc2on.src = "6.gif";

toc2off = new Image(66, 107);
toc2off.src = "5.gif";
}

function img_act(imgName)
{
if (document.images)
  {
imgOn = eval(imgName + "on.src");
top.frames[1].document [imgName].src = imgOn;
  }
}

function img_inact(imgName)
{
  if (document.images)
{
imgOff = eval(imgName + "off.src");
top.frames[1].document [imgName].src = imgOff;
  }
}
// -->
</SCRIPT>

</HEAD>

<FRAMESET>
<FRAMESET border="0" framespacing="0" frameborder="0" cols= 180,*>
  <FRAME SRC=fr1.htm NAME=fr1 SCROLLING=no >
  <FRAME SRC=fr2.htm NAME=fr2 SCROLLING=auto >
</FRAMESET>

LEFT FRAME:
Place this code in the <body> section for the page on the LEFT.
<a href="#" onMouseover="top.img_act('toc1')" onMouseout="top.img_inact('toc1')"><img src=1.gif width=107 height=66 border=0 name="toc1" alt="Image"></A>

<a href="#" onMouseover="top.img_act('toc2')" onMouseout="top.img_inact('toc2')">MouseOver Text</A>


RIGHT (THIS) FRAME:
Place this code in the <body> section for this page (the right frame)
<a href="#" onMouseover="top.img_act('toc1')" onMouseout="top.img_inact('toc1')"><img src=1.gif width=107 height=66 border=0 name="toc1" alt="Image"></A>

<a href="#" onMouseover="top.img_act('toc2')" onMouseout="top.img_inact('toc2')"><img src=5.gif width=107 height=66 border=0 name="toc2" alt="Text"></A>


 
Thankx for the basics, and more HERE from artlung.com

More code HERE
Passing Values from one frame to another
Multiple frame mouseOvers

Back to MouseOver HOME basics