es geht - theoretisch
Hallo Silke,
wie Michael schon andeutete, geht es auch ohne javascript und zwar mittels CSS. Dazu muss man nur kreativ genug sein:
Wenn du über das Gruppenfoto ein paar Ebenen so plazierst, dass sie die Gesichter der Personen überdecken, dann kannst du sehr wohl mittels CSS ihren Hintergrund bei mouseover (CSS:hover) ändern. Ich habe ein kleines Beispiel erstellt, das die Funktionsweise verdeutlichen kann:
http://www.toomuchcookies.net/gb_test/
Erklärung: die Kreise sollen Personen darstellen (unsere Klasse hatte so einige Probleme…
). Wenn du mit der Maus über den roten oder grünen Kreis fährst, verändert sich die darüber liegende Ebene so, dass sie grösser wird und ein bestimmtes Hintergrundbild anzeigt (das vergrösserte Gesicht).
Der CSS-teil dazu sieht folgendermassen aus:
img
{
position:absolute;
border:0px;
}
.gruener
{
text-decoration:none;
position:absolute;
background:transparent;
width:100px;
height:100px;
top:300px;
left:120px;
}
.gruener:hover
{
background:url(Gruppenbild\_gruen.jpg) no-repeat;
top:200px;
left:50px;
width:280px;
height:350px;
}
.roter
{
text-decoration:none;
position:absolute;
background:transparent;
width:120px;
height:100px;
top:50px;
left:130px;
}
.roter:hover
{
background:url(Gruppenbild\_rot.jpg) no-repeat;
top:-20px;
left:80px;
width:280px;
height:380px;
}
Ich hoffe, das hilft ein wenig.
Gruss,
Omar Abo-Namous