Как связать input, чтобы было как на картинке?

Question

[Slowfind]

Подскажите как с таким input сделать

чтобы можно было получить

при переводе ползунка, прямоугольники уменьшаются , а также их становится больше

Comments

[Martovitskiy]

а код есть?

[Slowfind]

Martovitskiy, мне бы хотелось понять вообще как с jquerry такое обращение можно сделать
.Неважно какие стили главное чтобы суть была

[Martovitskiy]

Slowfind, я бы взял стандартный слайдер jQuery UI и переделал под себя. Пример

Answer 1

[2cha.headz]

JQuery UI

следим за скроллом ползунка, смотрим какое он принял значение, если, например, middle, то с соответствующими прямоугольникам выполняем какие-то действия (одни уменьшаем/увеличиваем, другие скрываем/показываем)