Skip to content
A lightweight JavaScript range slider that works on mobile devices such as iOS or Android.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
index.html
mobile-range-slider.css Code clean up. Apr 20, 2012
mobile-range-slider.js

README.md

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).
You can’t perform that action at this time.