moin
das hättest du aber ruhig an deinen thread dranhängen können :)
ich hab das mal so gelösst:
-----------------------------------------------
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="Text/JavaScript">
function MM_findObj(n, d) { //v3.0
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); return x;
}
function MM_showHideLayers() { //v3.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; }
}
</script>
</head>
<body bgcolor="#FFE400" leftmargin=0 rightmargin=0 marginwidth=0 topmargin=5>
<div align="left" style="position:absolute; top:50; left:0px">
<img src="headtile.jpg" width="100%" height="42" border="0" alt="">
</div>
<div align="left" style="position:absolute; top:50; left:0px">
<img src="headline.jpg" width="444" height="42" border="0" alt="">
</DIV>
<div align=right style="position:absolute; top:5; right:10px">
<a href="#" onClick="MM_showHideLayers('L1','','show'); MM_showHideLayers('L2','','hide');"><img src="info_no.jpg" width="40" height="40" border="0" alt=""></a>
<a href="#" onClick="MM_showHideLayers('L2','','show'); MM_showHideLayers('L1','','hide');"><img src="world_no.jpg" width="40" height="40" border="0" alt=""></a>
<a href="#" onClick="MM_showHideLayers('L3','','show')"><img src="movie_no.jpg" width="40" height="40" border="0" alt=""></a>
<a href="#" onClick="MM_showHideLayers('L4','','show')"><img src="contact_no.jpg" width="40" height="40" border="0" alt=""></a>
</div>
<div id="L1" style="position:absolute; top:93; right:0px; visibility: hidden">
<a href="#" onClick="MM_showHideLayers('L1','','hide')"><img src="info_lt.jpg" width="150" height="150" border="0" alt=""></a>
</div>
<div id="L2" style="position:absolute; top:93; right:0px; visibility: hidden">
<a href="#" onClick="MM_showHideLayers('L2','','hide')"><img src="world_lt.jpg" width="150" height="150" border="0" alt=""></a>
</div>
<div id="L3" style="position:absolute; top:93; right:0px; visibility: hidden">
<a href="#" onClick="MM_showHideLayers('L3','','hide')"><img src="movie_lt.jpg" width="150" height="150" border="0" alt=""></a>
</div>
<div id="L4" style="position:absolute; top:93; right:0px; visibility: hidden">
<a href="#" onClick="MM_showHideLayers('L4','','hide')"><img src="contact_lt.jpg" width="150" height="150" border="0" alt=""></a>
</div>
</body>
</html>
-----------------------------------------------
kannst dir ja so umbauen wie dus brauchst.
alles liebe
ole
(8-)>