Hallo Zusammen,
Könnt ihr euch mal meinen Code anschauen, das ganze soll ein Navigationsmenü sein bei dem man wenn man mit der Maus drübergeht ein anderes Bild bekommt und gleich zeitig das Menü aufklappt, beim MouseOver soll das alte Bild wieder erscheinen und das Menü wieder zugehen.
Danke im Voraus
Tina
Hier die Funktionen:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
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];}}
}
//-->
</script>
Hier der Teil wo ich die Funktion aufrufe:
<a href="javascript:;"onMouseOver="MM_swapImage('Image1','','Haupt1Over.gif',1);MM_showHideLayers('Haupt','','hide','Unter1','','show','Unter2','','hide','Unter3','','hide','Unter4','','hide','Unter5','','hide')" onMouseOut="MM_swapImage('Image1','','Haupt1.gif',1);MM_showHideLayers('Haupt','','show','Unter1','','hide','Unter2','','hide','Unter3','','hide','Unter4','','hide','Unter5','','hide')"><img src="Haupt1.gif" name="Image1" width="130" height="22" border="0" id="Image1"></a>