jSlider is a Jquery plugin that transform a select list in a slider.
For compatibility with all form and when javascript is disabled the syntax is the same of a normal select statement.
The optional formatted part or images of the element is inserted in a rel parameters.
To use this jquery plugin:
- download jquery.jSlider.js
- download last version of jquery.js
-
include the js in the head section of the page:
<head> ... <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery.jSlider.js" ></script> ... </head>
-
in the read function launch the jSlider relative at your select, for example:
<script type="text/javascript"> $().ready(function() { $("#lang").jSlider(); }); </script>
Options
- colorSlider - The color of the slider bar
- colorPointer - The color of the pointer
- colorMSTooltip - The color of the MileStone tooltip
- colorMS - The color of the MileStone in the slider bar
- dimXSlider - The width of the slider bar
- dimYSlider - The height of the slider bar
- dimXPointer - The width of the pointer
- dimYPointer - The height of the pointer
- useRel - If true jSlider use the rel parameter in the tooltip instead the option text. Useful for insert formatted text or image
Release
- 0.0 - Oct 16 2009 - First release of jSlider
License
Dual licensed under the MIT and GPL licenses.