HTML Dual Range Slider JavaScript Example
The following is the example of HTML range slider with 2 handles using Vanilla JavaScript.
var setting = { roots: document.querySelector('.my-js-slider'), type: 'range', step: 1, } var slider = wRunner(setting);
Vertical Slider Example
The following is vertical example of HTML two handles slider.
direction: 'vertical',
Dual Range Slider jQuery Example
The following example used jQuery to create two handles range slider.
$(document).ready(function(){ //wRunner plugin initialization in jQuery $('.my-jquery-slider').wRunner({ type: 'range', rangeValue: { minValue: 30, maxValue: 100, }, step: 1, }) })
Single Range Slider Example
The following is the wRunner single range slider example.