etwas komplizeirtes Problem

[IreLion]

Hi!!!

Ich will in eine Webseit einen Effekt einbauen. Im Hintergrund soll ein verschwommenes Gruppenbild zu sehen sein. Beim Überfahren der Köpfe mit dem Mauszeiger soll jeder Kopf klar werden (das Bild soll sich verändern). Auserdem soll das jeweilige Bild als Link dienen.

hierfür habe ich eine Imag map erstellt. Mit der funzt das mit den links auch ohne weiteres. Mein Problem ist nun lediglich das Wechseln der (Kopf-) Bilder.

Ich habe so was ähnliches, allerdings mit einer Tabelle (Slices) und JavaScript, bei der beim Überfahren der Zellen mit der Maus ein Infokasten sichtbar wurde, schon mnal gemacht.

Mein Problem ist, dass ich beides nicht zusammen bekomme. Geht das überhaupt?

Hier das Script und mein Versuch es in die Image map einzubinden.

<script language="JavaScript">
function showit (p) {
for(i=1;i<3;i++) {
document.getElementById (i) .style.visibility = "hidden" ;
}
document.getElementById (p) .style.visibility = "visible" ;
}
function hide () {
for (i=1;i<3;i++) {
document.getElementById(i) .style.visibility = "hidden" ;
}
}
</script>


....
....
....

</tr>
<tr>
<td height="1000px">
<img src="Bilder/Gruppenbild_Filter.jpg" border="0" alt="Gruppenbild_Filter" usemap="#Gruppenbild_Filter">

<div>
<map name="Gruppenbild_Filter">
<area shape="rect" coords="109,168,161,255"
onmouseover="showit (1) ;" onmouseout="hide ()" href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz" >
<area shape="rect" coords="303,177,358,241"
onmouseover="showit (2);" onmouseout="hide ()" href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz" >


</div>

</td>
</tr>
</table>

<div style="position:absolute; top:20px; left:50px; visibility:hidden;" id="1">
<img src="Bilder/Koepfe/John.jpg alt="" onmouseover="showit(1);" onmouseout="hide();">
</div>

<div style="position:absolute; top:20px; left:50px; visibility:hidden;" id="2">
<img src="Bilder/Koepfe/Luc.jpg alt="" onmouseover="showit(2);" onmouseout="hide();">
</div>





So. Ich hoffe das hat jemand verstanden. Danke für eure Antworten!!!

 

[ThaHammer]

nimm mal ein paar der leerzeichen raus. z.b. innerhalb des Getelementbyid(i).style.....

 

[mogano]

..vor allem wäre ein aussagekräftiger Titel ausserordentlich hilfreich!!!!!!!!!

 

[JohnP]

Versuchs mit Flash!

 

[IreLion]

habe meinen Fehler gefunden!
Sorry aber ich bin echt blind. Da hat einfach ei } am Ende des Scripts gefehlt.....

Und ich dachte schon es sei grundlegend nicht möglich wie ich mir das gedacht hatte.

 

[Eames]

etwas komplizeirtes Problem

Das scheint mir auch so.