Slider for Bootstrap with fixed values

Slider for Bootstrap with Array

HTML

<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/bootstrap.css">
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/slider.css">
<script src="https://raw.github.com/Jorgelig/bootstrap-slider/master/slider.js"></script>
<div style="margin: 100px;">
    <input class="slider" type="text" />
</div>

JavaScript

var arrayMap = [10, 20, 35, 50, 100, 200, 300, 1000];
$('.slider').slider({id: 'slider1', value: [0, 1], max:8, min: 0 })
.on('slide', function(evt) {
                var min = evt.value[0];
                var max = evt.value[1];
                console.log(evt);
                console.log(arrayMap[min]);
                console.log(arrayMap[max]);    
});
$('.slider').slider({id: 'slider1',arrayValue: [{id: '0', name: 'Min'},{id: '7', name: '1, 000'}, {id: '8', name: '750, 000'}]});
//$('.slider').slider({id: 'slider1', min:0, max: 50, value: [10, 20], step: 5});