Motz: OnMouseOver/Out mit zwei Layern-wie gehts?

Beitrag lesen

Hi Steffi,

wenn du einfach nur die Quelle änderst, ändert sich die Größe des Bildes nicht, d.h. das zweite Bild wird auf die Größe des kleinen Plus zusammengequetscht. Du müsstest dann also auch immer die Größen der Bilder einbeziehen.
Ich würde dir allerdings empfehlen mit zwei Layern bzw. DIVs zu arbeiten und und die dann über die 'visibility'-funktion ein- bzw. auszublenden (visible/hidden).

Wenn du noch Fragen dazu hast - email me.

Viele Grüße, Guido

Ich würde es auch mit zwei divs machen (s.u.) machen. Aber wenn man auf der Imagemap noch Sachen anklicken soll, ist onmouseover/onmouseout nicht so toll, oder? Evtl. mit onklick lösen.

<div id="div1" style="z-index:2; position:absolute; left:???; top:???; width:??px; height:??px">
   <img src="Plus.gif" width="??px"; height="??px">
   <div id="div2" style="visibility:hidden; z-index:3;        position:absolute; left:??; top:??; width:???; height:???">
        Imagemap hier rein
     </div>
</div>

...

<script language="JavaScript">
div1.onmouseover = function(){div2.style.visibility='visible';}
div1.onmouseout = function(){div2.style.visibility='hidden';}
</script>

etwas in der Art

Tschau Motz