Preset slider steps

by billjohnston4

HTML

<div id='resolution_slider'></div>
<div id='value'>0</div>

CSS

#resolution_slider, #value{margin:20px;}
#resolution_slider{width:300px;}

JavaScript

function nunber_with_commas(number){
    return String(number).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
}
var steps = [
    0,
    1000,
    5000,
    10000,
    25000,
    50000,
    100000,
    250000,
    500000,
    1000000,
    2500000,
    5000000,
    100000000    
];
var slider = $("#resolution_slider").slider({
      max: steps.length-1,
      slide: function( event, ui ) {
        $('#value').html(nunber_with_commas(steps[ui.value]));
      }
});