<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Verdana size=2>I'm trying to layer a few images, with the top
image being part of a mouseover image swap. I've been able to
successfully, in both IE and NS, position and layer the images using
z-index and abs position (see snippet below). However, the image swap is
non-functional in NS.</FONT></DIV>
<DIV><FONT face=Verdana size=2>Also, please note, this a double image swap; one
for the mouseover image ('a'), and one for another image ('pic').</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>What am I missing? What is NS expecting that I
haven't provided?</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>Thanks in advance,<BR>Brian</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>************************</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2><SPAN ID="dog1"
STYLE="position:absolute;"><BR><a href="treetest.html"
onMouseOver="hiLite('pic','pic2','a','a2');<BR>window.status='Button 1';return
true;"<BR>onMouseOut="hiLite('pic','pic1','a','a1'); window.status='';return
true;"<BR>onclick="window.focus()"><img SRC="resources.gif" NAME="a"
ALT="Button 1"<BR>BORDER=0 height=24
width=120></a>;<BR></SPAN></FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2><SPAN ID="dogtree"
STYLE="position:absolute;"><BR><img src="treehomemain.jpg" name="pic"
width="243" height="218" alt="Tree" border="0"><BR></SPAN></FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2><SCRIPT TYPE="text/javascript"
LANGUAGE="JavaScript"><BR><!--</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>if (document.all) {<BR>
document.all('dog1').style.posLeft = 20;<BR>
document.all('dog1').style.posTop = 10;<BR>
document.all('dog1').style.zIndex = 30;<BR>}<BR>else if (document.layers)
{<BR> document.layers['dog1'].left = 20;<BR>
document.layers['dog1'].top = 10;<BR>
document.layers['dog1'].zIndex = 30;</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>if (document.images) {</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2> pic1 = new
Image(243,218);<BR> pic1.src =
"treehomemain.jpg";<BR> pic2 = new
Image(243,218);<BR> pic2.src =
"treehomea.jpg";</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2> a1 = new
Image(120,24);<BR> a1.src =
"resources.gif";<BR> a2 = new
Image(120,24);<BR> a2.src =
"resourcesb.gif";<BR>}</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Verdana size=2>function hiLite(imgDocID, imgObjName, imgDocID2,
imgObjName2) {<BR>
document.images[imgDocID].src = eval(imgObjName +
".src");<BR>
document.images[imgDocID2].src = eval(imgObjName2 +
".src");<BR>}<BR>**********************</FONT></DIV></BODY></HTML>