Range Silder Begrenzter Wert

[bosko]

Hallo,

ich möchte einen range silder erstellen, der aber nur bestimmte werte zum bewegen hat,
heist, der Range selbst geht von 0 bis 100 aber den slider kann man nur von 65 bis 100 bewegen...

 

[tsseh]

1 min google:
Ion.RangeSlider - Advanced Demo Page

 

[bosko]

hab nicht auf die Schnelle bei G sowas gefunden...

<style type="text/css">
input[type=range][orient=vertical] {
    writing-mode: bt-lr;
    -webkit-appearance: slider-vertical;
    width: 8px;
    height: 175px;
    padding: 0 5px;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://afarkas.github.io/webshim/js-webshim/minified/polyfiller.js"></script>
<script type="text/javascript">
$(function () {
    $('.range-stepper').numericStepButtons();
});

$.fn.numericStepButtons = function () {
    return this.each(function () {
        var $numeric = $('input[type="range"]', this).eq(0);

        $('[type="button"][data-step]', this).on('click', function () {
            var step = $(this).data('step');
            var stepped;
            try {
                $numeric.stepUp(step);
                stepped = true;
            } catch (e) {}
            if (stepped) {
                $numeric.trigger('input')
                    .trigger('change');
            } 
            return false;
        });
    });
};
</script>
<br>
    <div class="form-row range-stepper show-activelabeltooltip">
        <button type="button" data-step="-10">-10</button>
        <input type="range" orient="vertical">
        <button type="button" data-step="10">+10</button>
    </div>

Aktuell sieht mein script so aus...

der ion.range.slider schaut nicht schlecht aus aber es gibt keine verticale einstellung
und hab mir andere angeschaut, leider unterstützen diese min: 0, max: 100, from: 30, to: 100
nicht wirklich...