This demo showcases a new skin created 12/14/2011 named Kwicks. Kwicks is a jQuery enabled slider skin based on the work of
Jeremy Martin who did a port of the MooTools Kwicks plugin. I really like putting together new skins like this as they enable me to show the powerful skinning/templating model available with the Aggregator. Using the documentation on Jeremy's site I was able to put together this skin in about 3 hours.
If you are interested in learning more about the Aggregator template system, please read this:
Documentation on how the Aggregator template system works
The Kwicks skin allows you to present your content in either horizontal or vertical format and includes a number of additional settings to configure it the way you require.
The additional settings include:
-
Orientation - horizontal or vertical
-
Element Width - width of each element (pane) in pixels when they are not expanded
-
Element Height - height of each element (pane) in pixels when they are not expanded
-
Spacing - spacing in pixels between elements
-
Sizing Mode - max or min - determines if a fully expanded or fully collapsed sizing mode is used
-
Sizing - max or min number of pixels depending on the sizing mode
-
Easing - effect used to transition from one state to another - uses the standard jQuery easing plugin options
-
Easing Duration - duration in milliseconds used in the transition from one state to another
-
Sticky - if selected, current selected element stays open
-
Trigger Event - mouse event that is used to trigger the transition - default is mouseover - includes click and dblclick