nicht angemeldet
Bildwechsel in Imagemap bei mouseover
Hallo,
ich habe ein Problem und zwar möchte ich gerne in einer Imagemap bei mouseover auf bestimmten Bereichen einen Bildwechsel hervorrufen. Das neue Bild soll dann jeweils im ganzen Bereich groß erscheinen und bei mouseout wieder verschwinden.
Nun ja eigentlich kein großes Problem, und es gibt ja viele nützliche Hinweise hier im Archiv des Forums und der Quelltext funktioniert auch auf einer normal erstellten Seite.
Nun muss ich allerdings den Quelltext in ein Content Management System integrieren, bei dem ich keinen Zugriff auf den Head Bereich der Seite habe und somit nirgendswo das Script einfügen kann. Gibt es irgendeine andere Möglichkeit das zu umgehen oder trotzdem diesen Bildwechsel zu erreichen??
Ich poste mal ein Beispielquelltext der ´genauso aussieht wie meiner und muss dazu sagen, das ich nicht die große Leuchte im programmieren bin:
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "gesamt.jpg";
Highlight1 = new Image();
Highlight1.src = "totalrange.gif";
Normal2 = new Image();
Normal2.src = "gesamt.jpg";
Highlight2 = new Image();
Highlight2.src = "visible.gif";
Normal3 = new Image();
Normal3.src = "gesamt.jpg";
Highlight3 = new Image();
Highlight3.src = "uvrange.gif";
Normal4 = new Image();
Normal4.src = "gesamt.jpg";
Highlight4 = new Image();
Highlight4.src = "infrared.gif";
function Bildwechsel(Bildnr,Bildobjekt)
{ window.document.images[Bildnr].src = Bildobjekt.src; }
//-->
</script>
<link rel="stylesheet" type="text/css" href="css/formate.css"><base target="rechts">
</head>
<body>
<map name="imgmap2008623103028">
<area shape="rectangle" alt="" title="" coords="3,2,283,200" href="" target=""
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"<img src="gesamt.jpg" width="600" height="400" border="0" alt="">
<area shape="rectangle" alt="" title="" coords="293,5,592,196" href="" target=""
onMouseOver="Bildwechsel(0,Highlight2)"
onMouseOut="Bildwechsel(0,Normal2)"<img src="gesamt.jpg" width="600" height="400" border="0" alt="">
<area shape="rectangle" alt="" title="" coords="297,209,591,392" href="" target=""
onMouseOver="Bildwechsel(0,Highlight3)"
onMouseOut="Bildwechsel(0,Normal3)"<img src="gesamt.jpg" width="600" height="400" border="0" alt="">
<area shape="rectangle" alt="" title="" coords="4,210,285,393" href="" target=""
onMouseOver="Bildwechsel(0,Highlight4)"
onMouseOut="Bildwechsel(0,Normal4)"<img src="gesamt.jpg" width="600" height="400" border="0" alt="">
</map>
<p><img src="gesamt.jpg" width="600" height="400" border="0" alt="" usemap="#imgmap2008623103028"></p>
Vielen Dank schonmal im voraus.....
-
Der Skript üsste doch auch im Body-Teil funktionieren oder?