OnMouseOver/Out mit zwei Layern-wie gehts?

[Motz]

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

Hab gerade mal ein wenig herumprobiert.
Wenn du das sichtbarwerdende Bild über das erste positionierst, kannst du auch bei onmouseout von diesem die Sichbarkeit auf hidden setzen und solange darauf herumklicken. Die Maus ist ja dann über beiden Bildern oder wasauchimmer.

<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:-10; top:-10; width:???; height:???">
        Imagemap hier rein
     </div>
</div>

...

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

Tschau Motz