Image-Slider ohne klicken oder Automatik, nur mit :hover:

[Sophia]

Hey an alle hoffentlich Wissende,

ich bin auf der Suche nach einer Umsetzung eines Image-Sliders, bei dem man keine Pfeile klicken muss, welcher aber auch nicht automatisch läuft, sondern nur dann weiter läuft, wenn man mit der Maus beispielsweise auf den rechten Rand "schwebt" (:hover:?) – optisch soll es aussehen wie ein Bildband, den man einfach durch die Mausbewegung steuern kann, wie auf dieser Seite: https://www.elenavelez.com/work-book. Leider hilft mir der Quelltext nicht weiter. Die Bilder sollen genau wie mein Beispiel einen gewissen Abstand zu einander haben und nur die Höhe soll identisch sein, die Breite passt sich automatisch im Verhältnis zur Höhe an.

Wie würdet ihr das lösen & geht das ohne Java oder jQuery, nur mit html und CSS?

Vielen Dank für eure Hilfe, Sophia