jQuery r-slider Multi Purpose Range Slider Examples

var a1 = new slider({
   container:"#c1",
   start : -100,
   end:100,
   step:1,
   value:0,
});
var a2 = new slider({
   container:"#c2",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
});
var a3 = new slider({
   container:"#c3",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
   ondrag:change,
});
var a4 = new slider({
   container:"#c4",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
   ondrag:change,
   fixValue:true,
});
var a5 = new slider({
   container:"#c5",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
   onchange:change,
});
var a6 = new slider({
   container:"#c6",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
   ondrag:change,
   min:-50,
   max:60,
});
var a7 = new slider({
   container:"#c7",
   start : -100,
   end:100,
   step:1,
   showValue:true,
   ondrag:change,
   value:[-20,30],
});
var a8 = new slider({
   container:"#c8",
   start : -100,
   end:100,
   step:1,
   showValue:true,
   ondrag:change,
   value:[-80,-30,20,70],
});
var a9 = new slider({
   container:"#c9",
   start : -100,
   end:100,
   step:1,
   value:0,
   showValue:true,
   ondrag:change,
   changable:false,
});
var a10 = new slider({
   container:"#c10",
   start : -100,
   end:100,
   step:10,
   value:0,
   showValue:true,
   ondrag:change,
   pinStep:10,
});
var a11 = new slider({
   container:"#c11",
   start : -100,
   end:100,
   step:10,
   value:0,
   showValue:true,
   ondrag:change,
   pinStep:20,
   labelStep:40,
});
var a12 = new slider({
   container:"#c12 .switch",
   start :0,
   end:1,
   step:1,
   value:0,
   ondrag:Switch,
});
var a12 = new slider({
   container:"#c12 .switch",
   start :0,
   end:1,
   step:1,
   value:0,
   ondrag:Switch,
   text: ["ON", "OFF"],
   style: {
      line_width: 0
   }
});
var a14 = new slider({
   container:"#c14",
   start :0,
   end:100,
   step:1,
   value:20,
   style: {
      margin: 30
   }
});
var a14 = new slider({
   container:"#c15",
   start :0,
   end:100,
   step:1,
   value:20,
   style: {
      button_width: 30
      button_height: 30
   }
});