Cool Slider Control Plugin For jQuery

File Size: 12.9 KB
Views Total: 2321
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Cool Slider Control Plugin For jQuery

A Cool SliderControl Plugin for Controlling the speed of the animation for a slider reszing, Setting the minimum amount the slider can be set to, and Setting the maximum amount the slider can be set to.

How to use :

1. Include jQuery Script and slideControl.js In Your <head>

<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.slideControl.js"></script>

2. CSS

<link rel="stylesheet" type="text/css" href="slideControl.css" />

3. Call the function In Your <head>

$(document).ready(function() {

4. The HTML for the sliders.

  <li><label>Responsiveness: </label><input type="text" value="6.0" class="slideControl" /></li>
  <li><label>Safety: </label><input type="text" value="4.0" class="slideControl" /></li>
  <li><label>Information: </label><input type="text" value="9.0" class="slideControl" /></li>

5. All possible plugin options.

$(document).ready(function() {


    // animation speed
    speed: 400,

    // lower/upper bound
    lowerBound: 1,
    upperBound: 10




  • Fixed missing demo

This awesome jQuery plugin is developed by nikorablin. For more Advanced Usages, please check the demo page or visit the official website.