nicht angemeldet
Hallo,
ich möchte, dass sich das Hintergrundbild der Seite ändert, wenn man mit der Maus über einen bestimmten Bereich in einem eingebetteten Bild fährt. Von diesen betimmten Bereichen gibt es 4, und dahe auch 4 unterschiedliche spezifische Hintergrundbilder. Ich habe leider nicht sonderlich viel Ahnung von der Thematik, speziell alles was über HTML hinaus geht. Folgendes hab ich schon zustande gebracht, fehlt nur noch diesee onmouseover-hintergrund geschichte. Also praktisch alles -.- :
<html>
<head>
<style type="text/css">
body {
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed; padding:0px; }
div.mybody { }
</style>
</head>
<BODY bgcolor="#808080" text="red" background-repeat:no-repeat;>
<center>
<img name="header" src="images/header.png" width="800" height="100" style="filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;" border="0" id="header" usemap="#m_header" alt="" /><map name="m_header" id="m_header">
<area shape="poly" coords="704,39,781,66,775,92,692,65" href="hintergrundbild1" alt="" />
<area shape="poly" coords="368,3,554,22,553,56,366,34,368,3" href="hintergrundbild2" alt="" />
<area shape="poly" coords="114,45,273,26,274,54,119,73,114,45" href="hintergrundbild3" alt="" />
<area shape="poly" coords="18,13,98,24,95,56,13,44,18,13" href="hintergrundbild4" alt="" />
</map>
</center>
</body>
</html>
"hintergrundbild1-4" steht da nur zur info, macht natürlich keinen Sinn an der Stelle....
Ich habe über Google schon vereinzelt Threads zu diesem Thema gefunden, allerdings hatten die alle keine Koordinaten auf einem Bild, die verlinkt werden sollten. Daher hat das mit deren Code nicht funktioniert, bzw mich komplett verwirrt.
Wäre also echt nett wenn mir jemand da weiterhelfen könnte.
Gruß,
Theo
Gunnar Bittersmann