FlowGallery

jQuery plugin for image galleries with a cover flow effect.

Demo and Documentation: http://flowgallery.org

Usage

The required markup for the image gallery is a simple unordered list of images:

<ul id="gallery">
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
  <li><img src="https://github.com/bozz/flowgallery/raw/master/.." title="image caption text" alt="image" /></li>
</ul>

For basic usage with default settings, select the appropriate list and initialize as follows:

$("#gallery").flowGallery({
  easing: 'easeOutCubic',
});

There are many additional configuration options, see project website for more details: http://flowgallery.org.

Dependencies

• jQuery (tested with 1.4+)
• Optional: jQuery Easing (http://gsgd.co.uk/sandbox/jquery/easing/) for additional easing options

Browser Compatibility

Tested under:

• Firefox 3.5+
• Safari 5
• Chrome 4+
• Opera 11
• IE7+

Licensing

Copyright (c) 2012 Boris Searles, released under MIT license.