W jQuery UI mam suwak, w którym mam kilka predefiniowanych wartości, które użytkownik może wybrać. Jednak w tej chwili to tylko 1-60 i nie korzystam z moich wartości. Mam następujące liczby: 1,3,5,15,30,60

To jest mój kod:

<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>

Jak mogę sprawić, aby suwak był przyciągany do moich wartości w valMap?