Add ticks examples

index.html

@@ -65,6 +65,26 @@
                 rz-slider-translate="alphabetTranslate"></rzslider>
         </article>
 
+        <article>
+            <h2>Slider with ticks example</h2>
+            Value: {{ priceSlider4 }}
+            <rzslider
+                rz-slider-floor="0"
+                rz-slider-ceil="10"
+                rz-slider-model="priceSlider4"
+                rz-slider-show-ticks="true"></rzslider>
+        </article>
+
+        <article>
+            <h2>Slider with ticks and step values example</h2>
+            Value: {{ priceSlider5 }}
+            <rzslider
+                rz-slider-floor="0"
+                rz-slider-ceil="10"
+                rz-slider-model="priceSlider5"
+                rz-slider-show-ticks-value="true"></rzslider>
+        </article>
+
         <article>
             <h2>Sliders into modal</h2>
             Normal slider value: {{percentages.normal.low}}%
@@ -94,6 +114,8 @@
 
         $scope.priceSlider2 = 150;
         $scope.priceSlider3 = 250;
+        $scope.priceSlider4 = 5;
+        $scope.priceSlider5 = 5;
 
         $scope.translate = function(value)
         {