Minimalist jQuery Slider Component - Amino Slider

Minimalist jQuery Slider Component - Amino Slider
File Size: 4.61 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Amino Slider is an ultra-lightweight jQuery plugin that helps you create flat, horizontal sliders for easy numeric value selection.

How to use it:

1. Include the jQuery Amino Slider plugin's CSS in the head section of the html page.

<link rel="stylesheet" href="css/amino-slider.css">

2. The required markup structure for the slider.

<amino-slider class="slider" data-min="0" data-max="100" data-value="10"></amino-slider>

3. Include jQuery Amino Slider plugin's JavaScript file after jQuery library but before the closing body tag.

<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="js/jq.aminoSlider.js"></script>

4. Initialize the slider plugin. That's it.

(function($) {
  "use strict";
  
  //Select the slider element.
  var $slider = $('.slider');
  
  $slider.aminoSlider();
  
})(jQuery);

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