waynesutton / mobile-range-slider

A lightweight JavaScript range slider that works on mobile devices such as iOS or Android.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mobile Range Slider

A Touch Slider for Webkit / Mobile Safari

This lightweight JavaScript range slider works on mobile devices such as iOS or Android without any dependencies such as jQuery.

Basic Usage

new MobileRangeSlider('my_slider'); // passing an ID
new MobileRangeSlider(element); // passing a DOM element
<div id="my_slider" class="slider">
  <div class="track"></div>
  <div class="knob"></div>
</div>
```

### Advanced Usage

```js
var slider = new MobileRangeSlider('slider', {
  min: -50,
  max: 50,
  value: 0,
  change: function(value){
    console.log(value);
  }
});

...

slider.setValue(25);
```

### Options

* `value` - initial value. Defaul: 0
* `min` - minimum value. Default: 0
* `max` - maximum value. Default: 100
* `change` - callback handler

---

Developed by [Ubilabs](http://ubilabs.net).

About

A lightweight JavaScript range slider that works on mobile devices such as iOS or Android.