the KBSlider code based Range-Slider

using html, css, php and js



This is a fully CSS configurable, dynamic sizing range-slider.
The code injects itself into any div using the class="KBSlider" class name. CSS then allows you to modify each slider individually based on the parent's ID.

All code for this range-slider was written from scratch, so every aspect is exposed and configurable. The User-Interface implements

Each change fires a call-back function which may be used for your code purposes.

Included here are two simple demo sliders - Horizontal and Vertical, using almost identical code. And a demonstration of my dPlayer Widget which uses two KBSliders. Notice that changes to one slider do not affect the other slider.


for the Vertical Demo look here: KBSWeb-SliderV


Here is a demonstration of the KBSlider, used twice in one page, each with different CSS parameters applied.\\ Notice that you can use the mouse-wheel on a slider by just hovering!

This is using a sample of the Dynamic Web-Audio Player