Set slide handle image : Slider « Dojo toolkit « JavaScript Tutorial






<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
       dojo.require("dojo.parser");
       dojo.require("dijit.form.Slider");

    </script>
  </head>
  <body class="tundra">
    <div dojoType="dijit.form.HorizontalSlider"
         value="5" 
         minimum="-10" 
         maximum="10" 
         discreteValues="11"
         intermediateChanges="true"
         onChange="alert(arguments[0]);"
         handleSrc="preciseSliderThumb.png"
    ></div>
  </body>
</html>








29.63.Slider
29.63.1.Create vertical slider and set value, minimum, maximum and discreteValues
29.63.2.Horizontal slider bar
29.63.3.Simple slider
29.63.4.Slide back to original spot
29.63.5.Slide in animation
29.63.6.Slider on change dojo event
29.63.7.Slider on change event
29.63.8.Max/min slider value
29.63.9.Set intermediateChanges for Slider
29.63.10.Set slide handle image
29.63.11.Format slider value