Views Stapel

An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

The grid itself is adaptive, meaning that if there is not enough horizontal space considering the width and the gutter of the items, the column count will decrease and the grid will re-order.

Requirements

• Libraries API
• Views (7.x-3.x-dev 2013-April-6)
• jQuery 1.8+. Install the jQuery Update

module (7.x-2.x-dev), or review other methods for using newer versions of jQuery.

• Modernizr

Installation

1. Install dev version of jQuery Update module
2. Enable jQuery 1.8 here /admin/config/development/jquery_update
3. Clone Stapel to /sites/all/libraries/stapel folder
4. Copy /sites/all/libraries/stapel/js/modernizr.custom.63321.js to /sites/all/libraries/modernizr/modernizr.min.js
5. Install Modernizr module
6. Ensure another dependant modules are installed
7. Install this module
8. Feel free to create a view with new 'Stapel' style format

Recommended modules

• Views Import
• Views Maintenance