Help to add increase and decrease button to slider

1 posts, 0 answers
  1. Rahul
    Rahul avatar
    1 posts
    Member since:
    Mar 2012

    Posted 15 Mar 2012 Link to this post

    Hello Friends,

    I need help to add increase and decrease button to slider for example check here .

     I need that increase and decrease arrow to my slider. i have written code for slider you can check below it works fine. But i have given step 100 for slider when user slide slider value does not get slide by 100. So i decided to use increase and decrease button to my slider same as like here Looking for someone help. Thanks in advance.
    /// My slider code................

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="" rel="stylesheet" type="text/css"/>
    <script src=""></script>
    <script src=""></script>

    $(document).ready(function() {

     //slider example 1

         min: 0, //minimum value
         max: 999999, //maximum value
         value: 0, //default value
    step: 100,
         slide: function(event, ui) {


    <form action="" method="get">


    <input type="text"  name="rahul"id="value2" maxlength="7"/>

    <div id="slider2"></div>




    Thank you,

Back to Top