¿Cómo puedo hacer que el control deslizante de jQuery UI se ajuste a valores predefinidos?

Tengo un control deslizante en jQuery UI donde tengo algunos valores predefinidos que el usuario puede elegir. Sin embargo, en este momento, solo va de 1 a 60 y no usa mis valores. Tengo los siguientes números: 1,3,5,15,30,60,60

Este es mi 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>

¿Cómo puedo hacer que el control deslizante se ajuste a mis valores en valMap?

Respuestas a la pregunta(2)

Su respuesta a la pregunta