Multiple Connected Sliders with jQuery

Question

I have a set number of controls that are a value between 1 and 100. The entire set of these sliders must total 100. I would like to use a series slider for this control, and I would like to connect them (i.e. when one slider moves, the others adjust).

I remember seeing a website (I believe it was humblebundle.com) that had this functionality. I can't seem to find any examples of this.

Is there a plugin that will do what I want, or do I have to write something myself?

score 2 · Accepted Answer · edited May 23 '17 at 12:11

2

Theres an example like this here: Combined total for multiple jQuery-UI Sliders

I dont think it's exactly what you're looking for but it might be a good start :)

edited May 23 '17 at 12:11

Community

1
1

answered Apr 07 '11 at 15:07

Louis Fellows

544
1
4
12

That's actually really close to what I need. Thanks, I think I can make this work. – partkyle Apr 07 '11 at 18:46

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

There's a similar question here: Jquery Interconnected slider which I posted my solution on.

Just a quick rehash of that post: I have a quick library on Github - jQuery Interconnected Sliders that does exactly this. See my other answer for more information. :)

edited May 23 '17 at 12:14

Community

1
1

answered May 09 '13 at 22:03

Giuseppe

73
1
10

your other post isn't a solution because it don't show how you implement it. – luke_mclachlan Jul 17 '15 at 16:35

Multiple Connected Sliders with jQuery

2 Answers2