Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.
It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement.
Here you ll learn how to create a template with a fullscreen grid of images and content areas.
The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.
With Grid Navigation Effects using jQuery, you will learn ten ways how to navigate through a set of thumbnails and how to apply the effect.
Here are some example effects;
Default (show/hide), Fade, Sequential fade, Move/fade, Sequential move/fade, Sequential move/fade reversed, Resize (show/hide), Disperse, Rows move, Sequential move/fade.