The Heir: Layer auf sensitive Grafik

Beitrag lesen

Hi,

Wenn ich nach der Standardmethode vorgehe, Mouse-Over-Effekte einzufügen, die verschiedene Layer in individueller Höhe über das eigentliche jpg legen sollen,

wie sieht diese aus?

A) Definition des Scripts
<script type="text/JavaScript">
<!--
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; }
}
//-->
</script>

B) Definition der Layer
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:187px;
height:238px;
z-index:1;
left: 33px;
top: 233px;
}
 etc. etc.
-->
</style>

C) Mouse-Over-Funktion auf dem jeweiligen Link
onmouseover="MM_showHideLayers('Name_des_Layers','','show')" onmouseout="MM_showHideLayers('Name_des_Layers','','hide')"

Muss ich vielleicht die Straßenkarte (samt des Codes für senstive Grafiken; Link s.o.) als Hintergrundbild der Seite einfügen??
Schon mal Danke im Voraus.

Nein, sie ist Inhalt, also <img/>. Ob eine Image-Map die beste Lösung ist, sei hingegen dahingestellt.

Zu was würdest du denn stattdessen raten? Bin mittlerweile für jede nur denkbare Möglichkeit offen.

Gruß
The Heir