windowed.js is a jQuery plugin that implements Chris Norström's awesome "Windowed Slider" concept. It takes your regular checkboxes or
<select> lists and transforms them into slick 'windowed sliders'.
For documentation, usage, and examples, see: http://www.alexpeattie.com/projects/windowed/
- jQuery: 1.7+
- Uncompressed: 12.75 Kb
- Minified: 5.9 Kb
- Minified + gzipped: 2.2 Kb
jquery.windowed.min.js files to your HTML page:
<head> <link rel="stylesheet" href="path/to/windowed.min.css"> </head> <body> <!-- blah blah --> <script src='jquery.js'></script> <script src='/path/to/jquery.windowed.min.js'></script> </body>
Transform your checkbox or
<select> by calling
See the site for more usage and examples
See Compatibility in the wiki for the most up-to-date info.
I've tested the plugin with recent versions of Firefox, Chrome and Safari (mobile & desktop) - theoretically it should work fine in IE7+ and Opera, but these are untested. If you've tried the plugin with an untested browser, please, add it to the wiki!
Version 0.1.0 (2012-11-28): Initial version.
- Add ability to swap the checkbox labels (i.e. have OFF on the left, rather than the right)
- Responsive (variable width) components
- Add tabbing support/keyboard navigation
If you want to have a stab at any of the todo items above - or anything else - pull requests are gratefully received.
windowed.js is freely distributable under the terms of the MIT license (see LICENSE.md).