Anderl: img mit usemap unter canvas, und trotzdem klickbar?

Hallo,

Ich habe ein img, welches mit einer usemap versehen ist, um verschiedene Bereiche anklicken zu können.
Nun möchte ich auf das Bild mittels javascript zeichnen, um mir die Klickbaren Bereiche farblich einzuzeichnen, daher habe ich mir eine canvas darüber gelegt. Nun habe ich allerdings das Problem, dass die Canvas meine map / area verdeckt, und ich diese nichtmehr anklicken kann.

Meine Seite ist folgendermaßen strukturiert:

  
<div id="image">  
    <img id="picture" src="" alt="" usemap="#areas" />  
    <map id="areas" name="areas">  
    </map>  
</div>  
<canvas id="canvas">  
</canvas>  

  
#image, #canvas{  
	height: 600px;  
	width: 800px;  
	position: absolute;  
}  

Wie kann ich erreichen, dass ich über das Bild zeichnen kann, aber dennoch die Bereiche im Bild anklicken kann?

vielen Dank im voraus!
lg,
Anderl

  1. Lieber Anderl,

    Du suchst wohl soetwas in dieser Art? ImageMap mit Hover-Effekt

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Hallo,

      Du suchst wohl soetwas in dieser Art? ImageMap mit Hover-Effekt

      da sind aber ein paar fehler versteckt ;)
      (erstes Bild durch die rechte Tür und dann Treppe nach oben oder den Flur entlang klicken...)

      vg ichbinich

      --
      Kleiner Tipp:
      Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...
      1. Lieber ichbinich,

        Du suchst wohl soetwas in dieser Art? ImageMap mit Hover-Effekt
        da sind aber ein paar fehler versteckt ;)

        es ist ein noch lange unfertiges Projekt, ja. Aber die technische Lösung ist weder fehlerhaft noch unfertig, deswegen habe ich sie verlinkt.

        vg ichbinich

        Ach, mehr hattest Du nicht als Antwort? Kein "Danke für den Hinweis"? Kein "passt" oder "passt nicht"?

        Schwach...

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. Hallo,

          Ach, mehr hattest Du nicht als Antwort? Kein "Danke für den Hinweis"? Kein "passt" oder "passt nicht"?
          schwach

          war nur als Hinweis gedacht und - ich bin nicht der original poster...
          vg ichbinich

          --
          Kleiner Tipp:
          Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...
          1. Lieber ichbinich,

            und - ich bin nicht der original poster...

            das ist wahr. Da habe ich mich echt vertan und den falschen Baum hinaufgebellt. Tut mir leid.

            Liebe Grüße,

            Felix Riesterer.

            --
            ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)