Hi All
Further to my previous email re overlaying a pic when doing onMouseOver and
onMouseOut checks, I've sorted that bit out but now I'm stuck with a worse
challenge. To explain it straight away, please click the following link to
see what I mean:
http://web.ukonline.co.uk/laphan/
If you move your mouse over the top left 'section' shape you will see that a
red triangle appears - annoyingly!!!
I know I have to make it transparent and line-up that's easy, but what I
can't do is slow it down so that it is not flickering all the time. If you
can imagine, I want to change the shape so that it displays a 'matted' pic
of what relates to that shape's link. The only problem is it's currently
having a fit performing this task.
My code is as follows:
<HTML>
<HEAD>
<SCRIPT>
function ShowSection(imgSec) {
parent.leftsect.style.visibility = "visible";
return false;
}
function HideSection(imgSec) {
parent.leftsect.style.visibility = "hidden";
return false;
}
</SCRIPT>
<STYLE>
.leftsect {POSITION:absolute; LEFT:2px; TOP:4px}
</STYLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE CLASS="logo" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD ALIGN="CENTER">
<IMG SRC="gifs/anstonlogo.jpg" WIDTH="326" HEIGHT="358" USEMAP="#anston-map"
BORDER="0">
<DIV ID="leftsect" NAME="leftsect" STYLE="visibility:hidden"
CLASS="leftsect">
<IMG SRC="gifs/leftsection.gif" WIDTH="143" HEIGHT="150" BORDER="0">
</DIV>
</TD>
</TR>
</TABLE>
<MAP NAME="anston-map">
<AREA SHAPE=POLY COORDS="152,6,77,157,8,157,8,6,8,6" HREF="map.html"
TARGET="_self" ALT="Where we are situated"
OnMouseOver="ShowSection(leftsect)" OnMouseOut="HideSection(leftsect)">
</MAP>
</BODY>
</HTML>
Any ideas?
Regards
Laphan
laphan@u...
View Cart
