Gibt es einen Code für einen Schieberegler mit eigenem Bild, was sich je nach Abstufung verändert?

Question

Hallo, ich möchte einen Schieberegler mit einem Bild was sich verändern und der Frage:
In welchem Raum fühlen Sie sich am wohlsten?
Wenn der Schieberegler ganz links ist, gibt es keine Zimmerpflanze im Raum, bei 1 gibt es eine Zimmerpflanze im Raum, bei 2 gibt es 2 Zimmerpflanzen, bis etwa 5 oder etwas mehr.
Gibt es vielleicht einen Code dafür oder andere Tipps, wie ich das umsetzen kann?
Beste Grüße & herzlichen Dank!

Answer 1

Da werden Sie sich mal mit der Platzierung von Bildern mittels CSS und position: absolute auseinandersetzen müssen - und mit dem dynamischen Ein-/Ausblenden von HTML-Elementen. Letzeres kann man einfach via addEventListener() mit dem Schieberegler koppeln.

Aber ja, um ein klein wenig Einarbeitung in JavaScript werden Sie nicht umhin kommen, wenn Sie solche Sonderwünsche umsetzen möchten. Keine Sorge, es ist nicht so schlimm, wie es sich zunächst anhört :)