title: Is there a plugin or example of a jquery slider working with non-equably divisible values?
body: <p>I have found two excellent jquery plugins for generating a slider for a web form, which degrade nicely in browsers that do not support javascript have styles turned off etc.</p>
  
  <p>The first is the Jquery.UI version : <a href="http://ui.jquery.com/demos/slider/#steps" rel="noreferrer">http://ui.jquery.com/demos/slider/#steps</a></p>
  
  <p>The second is a select element to slider : <a href="http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/" rel="noreferrer">http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/</a></p>
  
  <p>However I need to create a slider that doesn't just divide the slider up in equal parts.</p>
  
  <p>For example let's say I have the following range of numbers:</p>
  
  <p>800,1000,1100,1200,1300,1400,1500</p>
  
  <p>I'd like the slider to have a nice big gap between 800 and 1000 then smaller gaps between 1100-1500</p>
  
  <p>So the slider would look a little like this:</p>
  
  <p>800----1000--1100--1200--1300--1400--1500</p>
  
  <p>Preferably I'd like it to degrade to a drop down, so the question is does anyone know of a plugin that supports this or has any recommendations for the best way of achieving this, customise the filamentgroup plugin roll my own etc.</p>
  
  <p><strong>Update:</strong> Been hacking about with filament group's slider and it implements the handles via JQuery UI's slider anyway. So it looks like modding JQuery.UI its self is the only option available. Will dig about in the code to see if I can find the requisite bit that needs changing. If in the meantime anyone has any ideas!!!</p>