Как изменять input range с помощью неподвижной кнопки?

Question

[Dantes589]

Добрый день.
Подскажите, пожалуйста.
Есть input range и его значения value, min, max, также есть кнопка/div (не важно на самом деле) неподвижная. Видно только кнопку, нужно, чтобы при движении кнопки менялись значения в input range. То есть это нужно, чтобы можно было приближать/отдалять изображение, я хочу считывать у input range его value. Не могу придумать логику, чтобы кнопка стояла на места, но в зависимости от движений менялись значения в input range.

Comments

[Pavel Kuzyakin]

кнопка неподвижная, но должна двигаться?

[Dantes589]

Pavel Kuzyakin, она якобы неподвижна, она нужна для того, чтобы range изменять, кнопка стоит на месте тк изображение зумится если ее двигать, надеюсь понятнее стало

Answer 1

[Игорь]

вопрос вообще не понятен

Не могу придумать логику, чтобы кнопка стояла на места, но в зависимости от движений менялись значения в input range.

так она должна двигаться или нет в итоге?
Может легче стилизовать input range?
Styling Cross-Browser Compatible Range Inputs with CSS

Comments

[Dantes589]

Кнопка на месте, а мы мышью передвигаем туда-сюда, а input у себя меняет value

[Игорь]

Может легче стилизовать input range?
Styling Cross-Browser Compatible Range Inputs with CSS

[Dantes589]

loonny, Простите, сейчас гляну, если получится, отпишусь

[Игорь]

Dantes589, Если получится, просто отметьте решением

[Dantes589]

loonny, Нет, это не подходит, там есть ползунок, а мне не нужно, чтобы показывался ползунок

[Игорь]

эмм.... А установить display: none или opacity: 0 вы не догадались?

[Dantes589]

loonny, А как двигать тогда? Я может не понимаю... Разъясните поподробнее пожалуйста

[Игорь]

Dantes589, opacity устанавливает прозрачность, а не убирает элемент...

[Dantes589]

loonny, Если не сложно, то прошу покажите в онлайн редакторе, что вы имеете ввиду и как это реализовать

[Игорь]

я не понимаю что вам нужно, как я могу показать вам что то. Сделать кнопку которая не двигается, и двигается одновременно, странная задача.

[Dantes589]

loonny, Что здесь непонятного)
Мы должны имитировать движение инпута, я уже писал выше, это зумит изображение, поэтому кнопка на месте
Я не знаю как привязаться к инпуту, чтобы можно было изменять его значение

[Игорь]

значения инпута изменяются обновлением значения value