Hover über bestimmte Position im Bild

johnnyderdepp · 9 Oktober 2013

Hey,

ich habe ein Mann bzw. eine Frau als Bild (ganzer körper) - wenn ich z.b. über den arb hovere, dann will ich, dass die backgroundcolor vom body rot wird, wenn ich über den fuß fahre, will ich dass er blau wird usw.....

hier ein bsp: http://www.kidsnet.at/jpg/body2.gif

Wie lässt sich das realisieren?

Space Vampire · 9 Oktober 2013

Da gibt es mehrere möglichkeiten.
Drei fallen mir auf Anhieb ein.
1. Grafik slicen. Das beideutet, dass du die Grafik in die gewünschten Sektionen zerschneidest, mit HTML und CSS wieder zusammenpuzzlest und mit entsprechenden Hovereffekten versiehst.
2. Inhaltslose <a> als Blockelemente mit fixen Größen anzeigen lassen und mit CSS über die gewünschten Regionen positionieren.
oder halt
3. Die gute, alte Imagemap http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Egal wie du dich entscheidest, wirst du noch Javascript dazu benötigen, da du mit dem Hover über das Körperteil auf der Grafik ein völlig anderes Element, den <body> ansprechen willst!

Hover über bestimmte Position im Bild

johnnyderdepp

Mitglied

Space Vampire

Senior HTML'ler

Neueste Beiträge