type

type - Specifies how the ticks of slider element are displayed.
The following values are supported:

  • both - Ticks will appear on both sides of slider element.
  • left - Ticks will appear on left side of (vertical) slider element.
  • right - Ticks will appear on right side of (vertical) slider element.
  • top - Ticks will appear on top side of (horizontal) slider element.
  • bottom - Ticks will appear on bottom side of (horizontal) slider element.

Its default value is both.


<input id="slider" value="30" />

<script type="text/javascript">

     $(function () {
        $("#slider").shieldSlider({
           ticks: {
               enabled: true,
               type: "both"
           },
           min: 10,
           max: 100,
           step: 10
        });
     });

</script>