DancingGeek
Programmer
Hi,
I have some mouseovers that are working correctly in Firefox and Safari, but not in IE7.
For example, holding the mouse over the "2" (2-l.gif) graphic (CODE BELOW):
Firefox/Safari: shows 2-d.gif in place of 2-l.gif graphic, all others stay the same (correct)
IE 7: 2-l.gif stays the same, but the 4 graphic switches to 2-d.gif.
This seems to be related to positioning somehow? I'm new to this, so probably doing something silly...
Any advice is greatly appreciated!
Thanks--
geek
Scripts:
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
In table:
<tr>
<td height="23" align="left">
<img src="images/spacer.gif" width="10" height="1" />
<img src="images/portpage-l.gif" width="101" height="23" />
<img src="images/spacer.gif" width="10" height="1" />
<img src="images/1-l.gif" width="6" height="23" />
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio2.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('2-mouseover','','images/2-d.gif',1)"><img src="images/2-l.gif" name="2-mouseover" width="8" height="23" border="0" id="2-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('3-mouseover','','images/3-d.gif',1)"><img src="images/3-l.gif" name="3-mouseover" width="8" height="23" border="0" id="3-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio4.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('4-mouseover','','images/4-d.gif',1)"><img src="images/4-l.gif" name="4-mouseover" width="9" height="23" border="0" id="4-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio5.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('5-mouseover','','images/5-d.gif',1)"><img src="images/5-l.gif" name="5-mouseover" width="8" height="23" border="0" id="5-mouseover" /></a></td>
<td align="right" height="23">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home-mouseover','','images/home-d.gif',1)"><img src="images/home-l.gif" name="home-mouseover" width="38" height="23" border="0" id="home-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="10" border="0"/>
<img src="images/port-l.gif" width="56" height="23" />
<img src="images/spacer.gif" width="10" height="10" border="0"/><a href="references.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('references-mouseover','','images/ref-d.gif',1)"><img src="images/ref-l.gif" name="references-mouseover" width="70" height="23" border="0" id="references-mouseover" /></a> <img src="images/spacer.gif" width="10" height="10" border="0"/>
<a href="information.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('information-mouseover','','images/info-d.gif',1)"><img src="images/info-l.gif" name="information-mouseover" width="80" height="23" border="0" id="information-mouseover" /></a> <img src="images/spacer.gif" width="10" height="1" /></td>
</tr>
I have some mouseovers that are working correctly in Firefox and Safari, but not in IE7.
For example, holding the mouse over the "2" (2-l.gif) graphic (CODE BELOW):
Firefox/Safari: shows 2-d.gif in place of 2-l.gif graphic, all others stay the same (correct)
IE 7: 2-l.gif stays the same, but the 4 graphic switches to 2-d.gif.
This seems to be related to positioning somehow? I'm new to this, so probably doing something silly...
Any advice is greatly appreciated!
Thanks--
geek
Scripts:
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
In table:
<tr>
<td height="23" align="left">
<img src="images/spacer.gif" width="10" height="1" />
<img src="images/portpage-l.gif" width="101" height="23" />
<img src="images/spacer.gif" width="10" height="1" />
<img src="images/1-l.gif" width="6" height="23" />
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio2.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('2-mouseover','','images/2-d.gif',1)"><img src="images/2-l.gif" name="2-mouseover" width="8" height="23" border="0" id="2-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('3-mouseover','','images/3-d.gif',1)"><img src="images/3-l.gif" name="3-mouseover" width="8" height="23" border="0" id="3-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio4.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('4-mouseover','','images/4-d.gif',1)"><img src="images/4-l.gif" name="4-mouseover" width="9" height="23" border="0" id="4-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="1" />
<a href="portfolio5.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('5-mouseover','','images/5-d.gif',1)"><img src="images/5-l.gif" name="5-mouseover" width="8" height="23" border="0" id="5-mouseover" /></a></td>
<td align="right" height="23">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home-mouseover','','images/home-d.gif',1)"><img src="images/home-l.gif" name="home-mouseover" width="38" height="23" border="0" id="home-mouseover" /></a>
<img src="images/spacer.gif" width="10" height="10" border="0"/>
<img src="images/port-l.gif" width="56" height="23" />
<img src="images/spacer.gif" width="10" height="10" border="0"/><a href="references.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('references-mouseover','','images/ref-d.gif',1)"><img src="images/ref-l.gif" name="references-mouseover" width="70" height="23" border="0" id="references-mouseover" /></a> <img src="images/spacer.gif" width="10" height="10" border="0"/>
<a href="information.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('information-mouseover','','images/info-d.gif',1)"><img src="images/info-l.gif" name="information-mouseover" width="80" height="23" border="0" id="information-mouseover" /></a> <img src="images/spacer.gif" width="10" height="1" /></td>
</tr>