Eu tenho um controle deslizante na interface do usuário do jQuery, onde eu tenho alguns valores predefinidos que o usuário pode escolher. No entanto, agora, vai de 1-60 e não usando meus valores. Eu tenho os seguintes números: 1,3,5,15,30,60

Este é o meu código:

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

Como posso fazer o slider se encaixar nos meus valores no valMap?