www.webdeveloper.com
Results 1 to 2 of 2

Thread: Changing the default slider JQ UI

  1. #1
    Join Date
    Aug 2013
    Posts
    5

    Question Changing the default slider JQ UI

    With JQ UI create a standard slider. Wherever found written how to change some of its parameters: size, min.size, the maximum ...
    But never found a place as a standard for JQ UI slider to make your: put a picture. That is: change the slider.

    HTML Code:
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>jQuery UI Slider - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <style>
    #slider-vertical{height: 600px; background-color: #0F3;}	
    </style>
    <script>
    $(function() {
    $( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 100,
    value: 60,
    slide: function( event, ui ) {
    $( "#amount" ).val( ui.value );
    }
    });
    });
    </script>
    </head>
    <body>
    <div id="slider-vertical"></div>
    </body>
    </html>

  2. #2
    Join Date
    Aug 2013
    Posts
    5
    I found the answer. Topic closed.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles