Skip to content

Instantly share code, notes, and snippets.

@abennouna

abennouna/gist:5542252

Last active December 17, 2015 03:19
Show Gist options
  • Save abennouna/5542252 to your computer and use it in GitHub Desktop.
Save abennouna/5542252 to your computer and use it in GitHub Desktop.
Download ZIP
Le Lab by tellibus : noUiSlider - http://tellibus.com/lab/noUiSlider
Raw
gistfile1.html
<link rel="stylesheet" href="nouislider.fox.css" type="text/css">
<div id="DivToTransform" class="noUiSlider horizontal"></div>
<div id="#Display"></div>
<script src="zepto.min.js"></script>
<script src="zepto.data.pack.js"></script>
<script src="nouislider.min.js"></script>
<script>
$(function($) {
$("#DivToTransform").noUiSlider({
range: [10, 500],
start: 50,
step: 5,
handles: 1,
slide: function () {
$("#Display").html($(this).val());
}
});
});
</script>
Raw
gistfile2.html
<link rel="stylesheet" href="nouislider.fox.css" type="text/css">
<div id="DivToTransform" class="noUiSlider horizontal"></div>
<div id="#Display"></div>
<script src="jquery.min.js"></script>
<script src="nouislider.min.js"></script>
<script>
$(function($) {
$("#DivToTransform").noUiSlider({
range: [10, 500],
start: 50,
step: 5,
handles: 1,
slide: function () {
$("#Display").html($(this).val());
}
});
});
</script>
@abennouna
Copy link
Author

La page officielle du fork se trouve sur http://tellibus.com/lab/noUiSlider

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment