Bilder in xy div bei hover ändern

[burn4ever]

Hallo,
kann man eigentlich via css ein Bild in einem x-beliebigen Kontainer ändern wenn man an völlig anderer Stelle im markup ein Element hovert.
Bsp.:
https://www.otto.de/herrenmode/kategorien/pullover/

Wenn ich hier die Farbkästchen hover ändert sich das Produktbild.
Denke das ist hier via JavaScript und einem data-attr. gelöst, oder?

 

[Tronjer]

Könnte man so machen, ja.

 

[burn4ever]

Aber eine reine CSS-Lösung für so etwas geht nicht, oder?

 

[Tronjer]

Eventuell mit background-images und einer komplexen Verschachtelung von HTML-Containern. Aber warum sollte man sich dabei die Finger brechen, wenn es mit JS viel einfacher geht, und wenn die Bildnamen aus einer Datenbank geladen werden, kann man die CSS-Geschichte ohnehin vergessen.