Как изменять состояние изображения при использовании input range?

Question

[Вячеслав Морозов]

Есть вот такой элемент интерфейса:



Здесь при движении кружка в input range меняется background-color и изображение сменяется другим.

Как это можно реализовать на JS?

Answer 1

[Вячеслав Морозов]

Разобрался

Answer 2

[Степан Крапивин]

гугли js before-after image comparsion
egegorgulu.com/works/beforeafterjs
https://ourcodeworld.com/articles/read/263/top-5-b...

Comments

[Вячеслав Морозов]

Я не нахожу в решениях реализацию этого через input range.
Не встречали, случайно?

[Степан Крапивин]

Вячеслав Морозов, изначально в вопросе было

Очень хочется разобраться в работе элемента, а знаний, чтобы сделать самому не хватает.

Предоставил тебе кучу вариантов как это можно реализовать.
Хоть в один заглядывал, разобрался как реализовано?

[Вячеслав Морозов]

Степан Крапивин, Да