Как сделать смену фона у div ползунком?

Question

[Secret73]

Всем привет. Перерыл весь инет, но так и не нашел ничего нужного, по моей теме. Мне нужно сделать следующее. Имеем 4 div`a мне нужно что бы , если мы поставили ползунок под нужным div`от то background у него поменялся, перешли на следующий фон поменялся у следующего, если убрали ползунок из под div`a фон вернулся ему прежний. Подскажите пожалуйста, нигдк ни какой инфы по этому поводу нету.

Comments

[twobomb]

какой еще ползунок

[Secret73]

twobomb, прикрепил скриншот. Например < input type= " range " > или может какой то альтернативный вариант

[Exploding]

Secret73, вы пытаетесь сделать слайдер? Можете озвучить конечную идею? Здесь перлов хватает и никто не будет смеяться над вами. Возможно вы начали копать не в ту сторону просто...

[Secret73]

Exploding, Спасибо за понимание. Вот посмотрите пожалуйста пример по ссылке bloggood.ru/wp-content/lessons/html/polzunok/polzu... там при изменении положения ползунка меняется значение, а мне нужно это переделать, так что бы при перемещении ползунка менялся цвет у background у div`a

[maxsnw]

Ну так вешай на чейнж value смену фона, если валью == 0 делай бэкграунд у элемента такого цвета

[Secret73]

maxsnw, так у меня же 4 дива и мне нужно активному диву присваить фон. мог бы реализовать я бы пример кода скинул я просто не знаю как это все срастить

[Алексей Б.]

Secret73, https://jsfiddle.net

[Secret73]

Алексей Б., да я знаю где можно...

Answer 1

[Анатолий Медведев]

jsfiddle.net/oby83m6p/1

Comments

[Secret73]

Спасибо вам большое и человеческое

Answer 2

[twobomb]

Ну вот типа такого, только ползунок нужно норм реализовать, мне впадлу.

Comments

[Secret73]

Да оно, только фон должен меняться у самих квадратиков joxi.ru/52aBvdzTGNJW5A