You can use a function like this: function logslider(position) { // position will be between 0 and 100 var minp = 0; var maxp = 100; // The result should be between 100 an 10000000 var minv = Math.log(100); var maxv = Math.log(10000000); // calculate adjustment factor var scale = (maxv-minv) / (maxp-minp); return Math.exp(minv … Read more
This library seems to offer what you’re looking for: https://github.com/furf/jquery-ui-touch-punch#readme It also has some example use code (simply add the plugin): <script src=”http://code.jquery.com/jquery.min.js”></script> <script src=”http://code.jquery.com/ui/1.8.17/jquery-ui.min.js”></script> <script src=”jquery.ui.touch-punch.min.js”></script> <script> $(‘#widget’).draggable(); </script>
The simple answer is that you take advantage of the IsSnapToTickEnabled and TickFrequency properties. That is, turn snapping to ticks on and set the tick frequency to 1. Or, in other words … take advantage of ticks … but you don’t necessarily have to show the ticks that you are snapping to. Check out the … Read more
I’ve been looking for a lightweight, dependency free dual slider for some time (it seemed crazy to import jQuery just for this) and there don’t seem to be many out there. I ended up modifying @Wildhoney’s code a bit and really like it. function getVals(){ // Get slider values var parent = this.parentNode; var slides … Read more