Ich habe einen Schieberegler in der jQuery-Benutzeroberfläche, wo ich einige vordefinierte Werte habe, die der Benutzer auswählen kann. Im Moment reicht es jedoch nur von 1 bis 60, ohne meine Werte zu verwenden. Ich habe folgende Nummern: 1,3,5,15,30,60

Das ist mein Code:

<code>$(document).ready(function(){
    var valMap = [1,3,5,15,30,60];
    $("#resolution-slider").slider({
        min: 1,
        max: 60,
        values: [2],
        slide: function(event, ui) {                        
            $("#resolution").val(ui.values[0]);                
            $(".resolution-preview").html(ui.values[0]);                
        }       
    });
});
</code>

Wie kann ich den Schieberegler an meinen Werten in valMap ausrichten?