jqxSlider – Feature-Complete Slider built with jQuery
jqxSlider represents a flexible jQuery Slider that lets the user select from a range of values by moving a thumb along a track. The widget is completely customizable in terms of appearance and offers numerous configuration options like mouse wheel and keyboard support, smooth or step-based slider and support for range sliders
Browse examples:
Slider Demos
Features
- Range Slider
- Vertical Slider
- PC, Touch & Mobile Devices Support
- Web Standards Compliant
- Rich and easy to use JavaScript API
- Easy customization and built-in themes
Range Slider
jqxSlider enables you to capture a range of values with two drag handles. This feature provides your users the ability to intuitively select a range of values.
Vertical Slider
Depending on your needs, jqxSlider can be displayed horizontally or vertically on a web page.
PC, Touch & Mobile Devices Support
jqxSlider supports all major desktop and mobile web browsers – Internet Explorer 7.0+, Firefox 2.0+, Safari 3.0+, Opera 9.0+, Google Chrome, IE Mobile, Android, Opera Mobile, Mobile Safari(IPhone, IPad). jqxSlider automatically detects the browser’s type and adjusts its internal behavior for optimal rendering and best user experience. You can easily use this widget even on touch devices. When the Slider detects that its running on a touch-enabled device, it turns on its built-in touch behavior. Users will have the same sliding experience when using this widget on Touch-device and PC.
Web Standards Compliant
Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript Slider widget based on jQuery, HTML5 and CSS3.
Rich and easy to use JavaScript API
jqxSlider has a set of events and built-in functions guaranteeing full control over the Slider. With the Slider API, you can change the slider’s orientation, trigger when the user scrolls, define the scrolling range or change the value.
Easy customization and built-in themes
jqxSlider ships with 5 professionally designed themes. Each theme is stored in a separate CSS file which makes it easy to export, customize and re-use. The themes can be easily switched using a single property.