Problem mit Cursor auf Grafik...

[sweettigerpunk]

Hi@all,

Ich habe folgendes Problem...

Ich möchte gerne wie bei folgender Seite
http://www.yoox.com/item/YOOX/EMILIO+PUCCI/dept/women/tskay/B490DC11/rr/1/cod10/34150734CU/sts/sr_women80
beim mouseover des Bildes einen sichtbaren Bereich mit der Maus dargestellt haben und der Rest soll ebenfalls so "ausfaden" wie bei dem Beispiel.

Habe mir den Code der Seite auch schon angesehen, allerdings versteh ich da nicht viel...

Kann mir da vielleicht jemand helfen?

LG sweettigerpunk

[ChrisB]

Hi,

Ich möchte gerne wie bei folgender Seite
http://www.yoox.com/item/YOOX/EMILIO+PUCCI/dept/women/tskay/B490DC11/rr/1/cod10/34150734CU/sts/sr_women80
beim mouseover des Bildes einen sichtbaren Bereich mit der Maus dargestellt haben und der Rest soll ebenfalls so "ausfaden" wie bei dem Beispiel.

Habe mir den Code der Seite auch schon angesehen, allerdings versteh ich da nicht viel...

Wenn es an mangelndem Verständnis von JS und/oder CSS liegt, wirst du dein Grundlagenwissen vertiefen müssen.

Kann mir da vielleicht jemand helfen?

Theoretisch ist das nicht besonders schwer.
Mit der Maus mitbewegt ein Element platzieren, welches das Originalbild als Hintergrund bekommt, der dann entsprechend positioniert wird. (Alternativ: Originalbild per clip nur ausschnitssweise anzeigen lassen.)
Das „Ausfaden“ des Originalbildes könnte man dann bspw. mit einem darüber gelegten Element mit rgba-Hintergrundfarbe bzw. einem teiltransparenten PNG-Hintergrundbild machen; oder per opacity das Originalbild mit dem Hintergrund verschmelzen lassen.

MfG ChrisB