Jquery Interconnected slider

Question

I want to create generic jquery ui slider so that if i pass any number,it should return me that number of interconnected sliders.

If I slide any 1 slider,it should change others.However, the sum of all the sliders must always be 100 at any point of time.

I tried it myself which is working but as soon as the value of slider goes more than 50 and you try to increase the other slider then the total sum of all the sliders becomes greater than 100.

Here is the link of my code.

Can anyone help me please? thanks'

score 2 · Answer 1 · answered May 09 '13 at 21:59

2

I've done this for a client project and open sourced my solution. It uses noUiSlider instead of jQuery UI Sliders, but if you wanted to modify it, it would not be too difficult. It's not completely polished up yet and I realize this question is a year old, but just in case anyone wants it:

Github: jQuery Interconnected Sliders

It supports locks (which allows you to set a value and then not move it again) and it looks something like this: screenshot

answered May 09 '13 at 21:59

Giuseppe

73
1
10

2

Your interconnected sliders plugin looks great, but since there is no documentation, all I was able to make is a bunch of sliders, not really interconnected with each other with a single (useless) lock checkbox... could you please provide some examples? – ToX 82 Sep 09 '13 at 12:02

score 0 · Accepted Answer · edited May 23 '17 at 12:09

0

ahah you've taken my ugly css for your jsfiddle. I try to do exactly the same thing, look at this: 3 jquery ui slider connected

edited May 23 '17 at 12:09

Community

1
1

answered Apr 22 '12 at 18:54

pol

46
1
8

Jquery Interconnected slider

2 Answers2

Linked