Jquery Slider mit Graustufen Werte

Question

Ich benutze diese jquery Ui für den Slider.hier Ich möchte die Notenskalen wie im Bild für die jquery-Ui-Slider ... wie dieses Skript zu ändern?

wie tun dies in diesem Skript?

<script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.mouse.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.ui.slider.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#slider").slider(); 
    }); 
</script> 

Answer 1

HTML:

<div id="wrap"> 
    <div id="slider"></div> 
    <div id="slider-text"> 
     <div id="0">Zero</div> 
     <div id="1">One</div> 
     <div id="2">Two</div> 
     <div id="3">Three</div> 
    </div> 
</div> 

Javascript/JQuery:

$("#slider").slider({ 
    value: 0, 
    min: 0, 
    max: 3, 
    step: 1 
}); 

$('#1').css('left','32.3333%'); 
$('#2').css('left','64.6666%'); 
$('#3').css('left','93.9999%'); 

CSS:

#slider-text div{ 
    float: left; 
    position: absolute; 
} 

Arbeitsbeispiel: http://jsfiddle.net/A8L8C/

Vermutlich müssen Sie DIVs links Eigentum zu Ihrem Wunschtext anpassen (schlecht, gut, sehr gut, ausgezeichnet). Happy Coding!