Existe-t-il un moyen de faire en sorte que le curseur de l'interface utilisateur jQuery commence avec 0 au-dessus et non en bas?

Question

Regardez le demo du curseur de l'interface utilisateur jQuery.

Notez que lorsque la poignée est en bas, la valeur est 0?

Y a-t-il un moyen d'inverser cela, de sorte que la poignée tout en haut est de 0, et la poignée en bas est la gamme maximale?

J'ai joué un peu avec les options, mais jusqu'ici j'ai été incapable de le faire fonctionner.

Answer 1

Ne pas inverser, prenez la voie facile :) Juste soustraire la valeur de votre maximum, par exemple:

$("#slider-vertical").slider({ 
    orientation: "vertical", 
    range: "min", 
    min: 0, 
    max: 100, 
    slide: function(event, ui) { 
     $("#amount").val(100 - ui.value); 
    } 
}); 

Cela va juste max-value, renverser, you can see a quick demo here efficacement.

Answer 2

$(function() { 
    $("#slider-vertical").slider({ 
     orientation: "vertical", 
     range: "max", // <--- needed... 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: function(event, ui) { 
     $("#amount").val(100 - ui.value); // basic math operation.. 
     } 
    }); 
    }); 

demo...

Answer 3

Probablement, l'utilisation de valeurs négatives sera plus élégante:

$('#slider').slider({ 
    min: -100, 
    max: 0, 
    value: -50, 
    step: 1 
}); 

Il suffit d'utiliser la valeur absolue, au lieu d'un réel, où vous en avez besoin.

Answer 4

Vous pouvez simplement le retourner à l'envers en utilisant css3.

#slider { 
    -moz-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    transform: rotate(180deg); 
}