mouseover über unteren Container soll Bild im oberen Container ändern

[Alissa]

Hallo zusammen,

leider komme ich bei folgendem Problem nicht weiter:

Zunächst mal mein HTML-Code:

Code:

<div class="ansichten">
  <img class="ansicht1" src="ansicht1.jpg"/>
  <img class="ansicht2" src="ansicht2.jpg"/>
</div>

<div class="boxen">
  <div class="box1">...</div>
  <div class="box2">...</div>
  <div class="box3">...</div>
  <div class="box4">...</div>
</div>

Wenn ich nun mit der Maus über eines der Boxen fahre, soll sich, je nachdem welche Box ich wähle, die Ansicht 1 oder 2 ändern.
Für jede Box ist auch ein anderes Bild vorgesehen.
Also wenn ich über box1 fahre, soll die ansicht1 durch "bild1" ausgetauscht werden.
Wenn ich über box2 fahre, soll die ansicht2 durch "bild2" ausgetauscht werden. Usw..

Ich hab viel probiert, bin aber zu keiner Lösung gekommen. Bin auch nicht sehr fit in JavaScript.
Ich hoffe, ihr könnt mir weiterhelfen.

Vielen Dank vorab für eure Hilfe!

[getOwnPropertyDescriptor]

Hallo Alissa!
Gibt es schon einen entsprechenden JavaScript-Code, den du uns zeigen kannst?
Grüße, getOwnPropertyDescriptor

[admin]

Das geht theoretisch auch mit CSS. Wenn es nur die 4 Boxen sind wäre es nicht zu schwer.