Immageswap on mouseover?

[Bonee70]

Hi,

I have a problem with my forumdesign and maybe someobe can help me out here.

This is my forum site: http://www.the-efl.co.uk/forum/index.php

To get the navi above the forum I have added the following code to the header template:


<table width="941" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5"><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="14" border="0"></td>
<td rowspan="5"><img name="forum_new_r1_c1" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r1_c1.png" width="209" height="69" border="0"></td>
<td rowspan="2" colspan="12"><img name="forum_new_r1_c2" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r1_c2.png" width="683" height="22" border="0"></td>
<td colspan="2"><img name="forum_new_r1_c14" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r1_c14.png" width="49" height="14" border="0"></td>
<td><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="14" border="0"></td>
</tr>
<tr>
<td rowspan="3"><img name="forum_new_r2_c14" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r2_c14.png" width="27" height="28" border="0"></td>
<td rowspan="3"><img name="forum_new_r2_c15" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r2_c15.png" width="22" height="28" border="0"></td>
<td><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="8" border="0"></td>
</tr>
<tr>
<td><img name="forum_new_r3_c2" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c2.png" width="99" height="19" border="0"></td>
<td><img name="forum_new_r3_c3" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c3.png" width="15" height="19" border="0"></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('forum_new_r3_c4','','http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c4_f2.png',1)" ><img name="forum_new_r3_c4" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c4.png" width="99" height="19" border="0"></a></td>
<td><img name="forum_new_r3_c5" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c5.png" width="15" height="19" border="0"></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('forum_new_r3_c6','','http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c6_f2.png',1)" ><img name="forum_new_r3_c6" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c6.png" width="99" height="19" border="0"></a></td>
<td><img name="forum_new_r3_c7" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c7.png" width="15" height="19" border="0"></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('forum_new_r3_c8','','http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c8_f2.png',1)" ><img name="forum_new_r3_c8" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c8.png" width="99" height="19" border="0"></a></td>
<td><img name="forum_new_r3_c9" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c9.png" width="15" height="19" border="0"></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('forum_new_r3_c10','','http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c10_f2.png',1)" ><img name="forum_new_r3_c10" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c10.png" width="99" height="19" border="0"></a></td>
<td><img name="forum_new_r3_c11" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c11.png" width="15" height="19" border="0"></td>
<td><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('forum_new_r3_c12','','http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c12_f2.png',1)" ><img name="forum_new_r3_c12" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c12.png" width="99" height="19" border="0"></a></td>
<td><img name="forum_new_r3_c13" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r3_c13.png" width="14" height="19" border="0"></td>
<td><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="19" border="0"></td>
</tr>
<tr>
<td rowspan="2" colspan="12"><img name="forum_new_r4_c2" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r4_c2.png" width="683" height="28" border="0"></td>
<td><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td colspan="2"><img name="forum_new_r5_c14" src="http://www.the-efl.co.uk/frames/forum_new/forum_new_r5_c14.png" width="49" height="27" border="0"></td>
<td><img src="http://www.the-efl.co.uk/frames/forum_new/spacer.gif" width="1" height="27" border="0"></td>
</tr>
</table>

This is the other code stadning in the header template:

<div id="GALBox"
style="position: absolute; z-index: 100;
visibility: hidden;"
onmouseover="this.style.visibility='visible';"
onmouseout="this.style.visibility='hidden';">
</div>

<!-- content table -->
$spacer_open

$_phpinclude_output

<!-- Left Column Code -->
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" background="http://www.the-efl.co.uk/forum/images/gradients/efl_sm.png">
<tr>
<td width="210" valign="top" align="left">$leftcolumn</td>
<td valign="top">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<!-- End Left Column Code -->



The problem is, the image-swap on mouseover/out isn't working for any reason and I have no clue why, because the same code works fine in a normal .htm file like here:

http://www.the-efl.co.uk/test4.htm

May anybody tell me what I have to change so that the mouseover/out finaly works on my forums? Thx a lot guys!

Bonee

[Floris]

We can't provide support for customizations. Please check with vbulletin.org for community-support on this.