mehrere Rahmen ins Bild bei mouseover

[sly]

Hallo zusammen,

Ich habe ein Bild:

<table id="termv02" style="visibility:hidden" width="140" height="1">
   <tr><td><img src="mond/Mondkarte/Termv02.jpg" usemap="#Zuweisung02" border="0" alt=""></td></tr>
</table>

das Bild hat eine Grösse von 140 x 500 px. Nun möchte ich gerne das über Mouseover mehrere Rahmen im Bild eingeblendet werden ... also zB für die Koordinaten:

1. Rahmen:
coords ="28,213,108,295"

2.Rahmen
coords ="92,447,130,480"

3. Rahmen u.s.w.

ist das mittels JS irgendwie möglich ...

hatte bis jetzt immer auf eine identische Grafik geswitscht in welcher der Rahmen eingezeichnet war ... davon wollte ich mich gerne verabschieden


Lieber Gruß Sebastian

 

[Frank]

vlt kann man da was mit image-maps regeln - ich versuchs mal

 

[sly]

Ich wüsste nicht wie das mit Imagemaps geht ...

ich habe ja bereit image maps zugewiesen mit #Zuweisung02 (siehe oben) aber diese Verweise funktionieren ja nur wenn man über den verweissensitiven Bereich fährt ... die Rahmen müssten ja ALLE aber schon eingeblendet werden wenn man auf das große Bild geht ohne auch nur auf einen verweissenitiven Bereich zu kommen ...

deswegen dachte ich an irgendeinen onMouseOver - Befehl

vlt kann man eine funktion definieren in der die Rahmen irgendwie für das Bild generiert werden ...


LG Sebastian

 

[Frank]

man könnte ne image map draus machen und versuchen die verschiedenen teile per css so zu style dass sie einen rahmen haben - border:1px solid black oder so

// NE schade geht doch nicht

 

[sly]

Hmm schade,

irgendwie komm ich nicht so richtig weiter ... hab bereits überlegt ob ich die Rahmen als Eigenobjekte über den Bildern einblenden könnte ... aber dann müsste ich "hindurchklicken" um die ImageMaps der darunterliegenden Bilder nutzen zu können ....

hat vielleicht noch jemand ne Idee wie ich das realisieren kann

Gruß Sebastian

 

[da_loki]

Bau dir selbst die ImageMap.

Ist zwar keine schöne Methode, aber sollte funktionieren.

Nimm das Bild, und erstelle darüber divs, welche auch gleichzeitig eine Linkfläche sind (onClick).
Diese kannst du dann mit einem border versehen.

 

[sly]

Ja das würde wohl irgendwie funktionieren ...

eine andere Idee ... ist es vielleicht möglich eine per Ajax eingeladenen Grafik beim laden direkt eine Usemap zuzuordnen.

also irgendwie direkt an dieser Stelle:

onmouseover="loadData('mond/Mondkarte/Termv05m.jpg','termv05');"

hier müsste ich dem Bild Termv05m direkt die Usemap zuordnen können: usemap="#Zuweisung05"
das wäre auch noch ne gute Möglichkeit um das Problem zu beseitigen. Ich möchte halt gerne das wenn man über die Übersichtkarten des Schattenbereiches des Mondes links im Bild geht, das dann Rahmen eingeblendet werden zu den ImageMaps die vorhanden sind ... ohne Rahmen funktionierts bereits, siehe hier: Mondkarte
nur leider ist das etwas unübersichtlich da man nicht direkt erkennt zu welchen Kratern große Bilder und Texte hinterlegt sind und zu welchen nicht ..


LG Sebastian