Map bzw Area-Bereiche mit Mouseover
Gomorrha
- html
Hallo ihr Lieben,
beim Bau meiner Seite kam wieder ein Problem auf. Hab schon versucht mich andersweitig zu informieren, aber erfolglos. -.-
Ich habe in meinem Header-Bereich eine Grafik, welche mit area-tags in mehrere Bereiche aufgeteilt ist. Diese areas sind meine "Menüpunkte", welchen ich auch schon den entsprechenden Hyperlink gegeben hab. Doch diese Bereiche sollen sich bei einem Mouseover umfärben bzw es soll ein anders Bild angezeigt werden. Nur das ausgewählte Objekt soll sich verändern, der Rest bleibt so. (wie vllt schon bemerkt, arbeite ich im dreamweaver)
Ich hoff ich habe es euch gut genug erklärt. Wenn nicht, fragen. ;)
Hier ist noch der Code:
<div id="header">
<img src="images/header_stadt.jpg" usemap="#Map" border="0" />
<map name="Map">
<area coords="53,66,253,79,237,310,36,295" shape="poly" href="index.html" alt="Die Stadt">
<area coords="233,34,436,36,435,60,401,266,242,266,254,78,233,78" shape="poly" href="angebote.hmtl" alt="Angebote">
<area coords="435,60,584,80,601,283,597,314,446,293,431,292,396,287" shape="poly" href="feste.html" alt="Feste">
<area coords="581,52,784,36,787,71,758,269,602,284,594,206,589,135" shape="poly" href="kontakt.hmtl" alt="Kontakt">
<area coords="787,58,990,87,981,147,957,316,915,309,815,294,757,287" shape="poly" href="impressum.hmtl" alt="Impressum">
</map>
<!-- end #header --></div>
Lg Gomorrha
Om nah hoo pez nyeetz, Gomorrha!
Eine Lösungsmöglichkeit findet man unter http://www.billiger-im-urlaub.de/austria/austria_map.html.
Einfach mal den Quelltext anschauen, oder auch mal die Grafiken ansehen, im Quelltext sieht man ja wie sie heißen.
Matthias
Om nah hoo pez nyeetz, Gomorrha!
Eine Lösungsmöglichkeit findet man unter http://www.billiger-im-urlaub.de/austria/austria_map.html.
Einfach mal den Quelltext anschauen, oder auch mal die Grafiken ansehen, im Quelltext sieht man ja wie sie heißen.
Das wurde hier mit Javascript gelöst... seh ich das richtig? (Newbie ;))
Würd das ganze gern rein mit Html und Css definieren.
Matthias
Om nah hoo pez nyeetz, Gomorrha!
Würd das ganze gern rein mit Html und Css definieren.
Versuch es mal so, wie ich es in diesem Artikel mit den Links gemacht habe. Ich weiß allerdings nicht, ob es mit einer Imagemap problemlos funktioniert, die Grundidee, das Hintergrundbild entprechend zu verschieben, ist allerdings dieselbe.
Matthias