---

Hallo,

ich habe Seiten mit Bildern erstellt und mit dem MAP und AREA Befehlen Bereichen der Bilder Links zu Textmarken zugewiesen. Nun möchte ich, dass diese Bereiche optisch beim Überfahren hervorgehoben werden (z.B. inverse Farben). Geht sowas und wenn ja, wie?

------------------
Gruß Wilfried

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Klar geht das...

Und zwar via onmousover()

Siehe dazu auch: http://www.htmlgoodies.com/tutorials/image_maps/article.php/3479771

------------------
Grüsse

Thomas

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo Thomas,

danke für deine Antwort.

Leider ist es nicht ganz das, was ich machen möchte. Da müsste ich ja lauter Ausschnittbilder der einzelnen Areas machen. (Das sind sehr viele)

Gibt's denn da nicht was mit css?

------------------
Gruß Wilfried

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hmmm..?!
Vielleicht könntest Du per mouseover (Javascript vielleicht?! Google hilft weiter!) einen Layer/Ebene mit einem Rahmen oder was auch immer, an der Stelle einblenden lassen...

Zu CSS: http://www.thescripts.com/forum/thread430486.html
http://www.google.com/search?q=css+mouseover  ;-)

------------------
SolidWorks is my friend... SolidWorks, frieeeend!

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo Dawg,

auch dir vielen Dank für deine Antwort. Muss ich mir mal in Ruhe mal ansehen.

------------------
Gruß Wilfried

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo zusammen,

@Thomas: Deine Idee ist doch sehr gut. Was mir fehlt, da ich nicht ganz so firm im programmieren bin, sind die Funktionen um den Bereich invers darzustellen. Als einzelnes Bild geht das ja so:

<style type="text/css">
  img#a1 {filter: none}
</style>

<img hspace=10 src="Bild1.gif" id="a1"
onMouseOver="this.style.filter = 'Invert()';"
onMouseOut="this.style.filter = 'none';">

Meiner Meinung nach müsste dann der Ansatz in der AREA-Definition sein:

<area shape="rect" coords="127,175,247,201" href="index.htm" onMouseover="invers()" onMouseout="normal()>

Wäre dir dankbar wenn du mir da weiterhelfen könntest.

------------------
Gruß Wilfried

[Diese Nachricht wurde von Fan-ME10 am 19. Jul. 2006 editiert.]

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

http://lists.evolt.org/archive/Week-of-Mon-20010723/053968.html

Ist zwar viel zum schreiben, sollte aber die Lösung zu Deinem Problem sein! Wenn das nichts ist, dann sehe Dich mal auf www.javascript.com um, so wie Malcolm sagt.

------------------
SolidWorks is my friend... SolidWorks, frieeeend!

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo nochmal,

ich habe mich mal durch die ganzen Vorschläge durchgelesen und noch "gegoogelt" - aber nichts brauchbares gefunden. Meiner Ansicht nach muss doch mit Flash, was programmiert oder vielleicht was vorhandenes, in Frage kommen.
Kann mir da jemand helfen?

------------------
Gruß Wilfried

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Falsch gelesen, deswegen ziehe ich mal die Antwort zurück ;-).

Grüße Olaf

[Diese Nachricht wurde von 0laf am 26. Sep. 2006 editiert.]

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo Programmiergemeinde,

ich hab's hinbekommen !

Und zwar mit dem Programm SplitImage, mit dem man das Bild teilen und in eine Tabelle setzen kann. Einfach Klasse das Programm! Und ein bisschen Code:

<a href="Irgendeine.html#Textmarke">
<img hspace=0 src="Bild1.gif" id="a1"
onMouseOver="this.style.filter = 'Invert()';"
onMouseOut="this.style.filter = 'none'; width="xxx" height="xxx" " border="0">

Man muss nur hartnäckig im Internet suchen (Google).

Viel Erfolg noch allerseits.

------------------
Gruß Wilfried
       

[Diese Nachricht wurde von Fan-ME10 am 20. Apr. 2007 editiert.]

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP