Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A Mootools plugin that facilitates visually sorting through elements to find one of interest.
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Source
README.md
Screenshot200x100.png
Screenshot400x200.png
index.html
package.yml

README.md

WindowPicker

WindowPicker is a class designed to facilitate the user visually scrolling through elements.

Screenshot

How to use

To make a WindowPicker that automatically targets a certain class of elements you can initialize it like this:

var picker = new WindowPicker({
    target: '.window'
});

From here, The window picker will automatically react to CTRL-Left and CTRL-Right keypresses. Everytime the effect is restarted the WindowPicker will rescan the page for elements that match your target class.

To spin your elements in a circle/carousel, use the transition option set as follows: var picker = new WindowPicker({ target: '.window', transition: WindowPicker.Transition.Carousel });

The WindowPicker can be run in a more manual way. To do this you must leave the target option as null (default). Please check the class source to see the full list of methods available; but you will probably find the following methods particuarly usefull: addWindow(), next(), previous(), close().

Screenshots

Screenshot

Known Bugs and Quirks

The Transition functions could use a bit of work. Caching and any kind of optimizing are missing. I've also noticed the items dont scale in a way I'd call predicatable. But it looks OK for first release and didn't want to delay.

Something went wrong with that request. Please try again.