img mit usemap unter canvas, und trotzdem klickbar?
Anderl
- html
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
Lieber Anderl,
Du suchst wohl soetwas in dieser Art? ImageMap mit Hover-Effekt
Liebe Grüße,
Felix Riesterer.
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
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.
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
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.