MouseOver bei Bild mit ImageMaps -> Bild wechseln mit Fade?

[riverboy]

Hallo Zusammen,

ich hoffe ihr könnt mir helfen, ich habe ein Bild mit Personden als Gruppenfoto auf einer HTML Website. Mittels MouseOver kann man über eine Person tippen bzw. klicken und ein kleines Tooltip erscheint mit Infos zu der Person.

Nun möchte ich jedoch bei einem MouseOver zusätzlich einen Effekt einbauen, dass nur die Person farbig angezeigt wird und alle Anderen s/w. Die Bilder dazu habe ich bereits angefertig, jedoch gelingt es mir nicht dies zu programmieren.

ich möchte bei einem MouseOver im jeweiligen ImageMap das Bild austauschen und am Besten mit soften Übergang, also Fade.

Kann mir da jemand helfen? Bin schon seit Monaten an diesem Problem und komme nicht mehr weiter.

Vielen Dank für eure Antworten.

 

[bodil]

Ganz grundsätzlich kannst du deinen Areas mousover-Events hinterlegen.

<area onmouseover='changeImage("Theo")' ...>

Deine Funktion changeImage würde dann im dahinterliegenden Bild den Dateinamen (src="theo.jpg") ändern.
Sinnvollerweise würde ein mouseover über den restlichen Bereich das Bild wieder zurückändern.
Zum Überblenden nimmst du am besten ein Framework wie jquery, dann wirds aber etwas komplizierter. Dann musst du im Prinzip alle Bilder hintereinanderlegen und das sichtbar werden lassen, das eingeblendet werden soll.