I am trying to make changes to the JQuery UI Slider. Changing it from linear in its range of number to more formula based. The reason is that we sell diamonds and our range is from .30 carats to 9 carats, however 90% of the buyers want something between .30 to 2, so I would like that range to be the larger part of the slider.
Hopefully this makes sense. However, I think I need some expertise in how to accomplish this or where to begin.
Requirements: For our carat based search, 90% of our diamonds are between .30 ct to 3.0 ct, which is only 30% of the real estate (horizontal) of the slider itself. We want it it to slide [.30 – 3.0] carats for the first 66% of the slider, then increase much faster for the remainder of the slider [3.0 – 9.0] carats. It almost as we want to change this from moving in a linear form to a more of a curve, i.e. y=x^1.25 where y is the carat value and x is the position .. maybe using an x^2 curve after they have exceed the 3.0 carat marker ..
Thanks in advance for ANY pointers, support, tips!! Robert