Link-Hover Problem

[Hothead]

Hallo!

Ich hab ein Problem mit meinem Hovereffekt in der Menüleiste. Es ist kein Text, sondern ein Bildlink. Ich will das sich der Button FAQ mit weißer Schrift , in den Button FAQ mit blauer Schrift ändert,wenn man über FAQ drüber fährt. Mit meinem jetzigen Code gibs anscheinend ein Problem, denn es gibt dauert einen Laufzeitfehler, wenn man drüberährt und der Hover funktioniert nicht. (Internet Explorer)

Mein Forum im Aufbau

Ich hab diesen Code in die overall_header.tpl eingefügt:

Code: Alles auswählen

<a href="{U_FAQ}" class="mainmenu" 
	onmouseover="changeImages('home', 'http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq-over.gif'); return true;"
	onmouseout="changeImages('home', 'http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq.gif'); return true;"
	onmousedown="changeImages('home', 'http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq-over.gif'); return true;"
	onmouseup="changeImages('home', 'http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq-over.gif'); return true;"><img src="http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq.gif" border="0"></a>

.... der Code stimmt anscheinend nicht

Ich hoffe mir kann jemand helfen.

mfg Hothead

[Hothead]

... so ich hab jetzt ein wenig herumprobiert und bin zu diesem Ergebnis gekommmen:

Der Hover Effekt funktioniert einwandfrei in Firefox, aber es gibt dauernd einen Laufzeitfehler im Internet Explorer. Der jetzige Codestellen in der overall_header.tpl sehen folgendermaßen aus:


Im Headbereich hab ich dieses Skrip

Code: Alles auswählen

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Das ist der Code des FAQ Links + Hover

Code: Alles auswählen

<a href="{U_FAQ}" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/
Conundrum/images/faq-over.gif',1)"><img src="http://sealwork.se.funpic.de/phpBB-2.0.10/phpBB2/templates/Conundrum/images/faq.gif" name="Image1" width="47" height="27" border="0"></a>

Wenn ihr eine Idee für einen Hovereffekt für ein Bildlink habt, könnt ihr mir bitte diesen Code hier posten. Danke!

mfg Hothead