ImageMap mit Verweisen

[Chris©]

Hallo,

wozu soll das "Fenster" denn genutzt werden? Meint Du vielleicht eine Title-Box? Die kann man doch einfach mit title="bla bla" in die Referenz einbinden.

Oder soll es ein größerer Kasten sein? Dann musst Du wohl mit JavaScript und <DIV style="visability:hidden;"> arbeiten.

Das kann man ja auch in einer Class festlegen und nur die Positionen und die Größe in der Elementauszeichnung festlegen.

Dann schreibst Du ungefähr so:

<script ...>

function show(Element)
{
  window.getElementById(Element).style.visability = true;
}

function hide(Element)
{
  window.getElementById(Element).style.visability = false;
}

</script>

<map name="lageplan">
  <area shape="circle" coords="108,318,10"
        alt="Trio Quartett Pentagon"
        title="Trio Quartett Pentagon"
        onMouseover="show("D1");" onMouseout="hide("D1");">

<area shape="rectangle" coords="5,5,10,10,"
        alt="Eins zwei drei"
        title="Eins zwei drei"
        onMouseover="show("D2");" onMouseout="hide("D2");">

<!-- und so weiter -->

</map>

<div style="position:relative;  ...">
<img src="..." usemap="#lageplan" width="600px" height="400px"></img>

<div id="D1" style="visibility:hidden; position:relative; left:xpx; top:ypx; z-index:2;">hier der Text für D1</div>

<div id="D2" style="visibility:hidden; position:relative; left:xpx; top:ypx; z-index:2;">hier der Text für D2</div>

</div>

Habs nicht ausprobiert, aber als Diskussionsgrundlage sollte es genügen.

Grüße

Chris©