Home   >>   mod_wavegallery
mod_wavegallery PDF Print E-mail

Wavegallery

Implements an image gallery showing thumbnails images (small/medium format) as a wave.

ext_mod_mini

compat_15

compat_25

LicenceGPL V2.0



Description

J1.5 compatible compat_25 GPL - Free


The module is based on the development tutorial "Wave Display Effect with jQuery" of Mary Lou from Codrops.

The module shows images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear in a popup window; here we will show some more content extracted from joomla content.

Module allows to define following settings:
  • jquery components loading (jQuery, jQuery UI and easing)
  • data source: joomla content: ids or category (ies) and
  • gallery parametrisation:
    • pre/post texts (html supported)
    • gallery left/right margins
    • scroller parameters
    • carousel mode: circular or not
    • title parameters :color, bg color; highlight mode (none, first word, autonumber highlight, autonumber dropcap)
    • sine curve parameters
    • small thumbs mode parameters
    • medium thumbs mode parameters
    • item popup content parameters

Browser support: all recent browsers and IE7+ (without rotation effect)

Credits:

The images used in the demo are by Chris Willis and are licensed under the Attribution 2.0 Generic (CC BY 2.0) License.

The icons are by WPZOOM.  and are licensed under the Attribution-ShareAlike 3.0 Unported License.

The beautiful slider is by Orman Clark of premiumpixels.com.

Documentation

Implementation notes:

  • all images must have same physical sizes (do not mix portrait/landscape formats)
  • images can be defined:
    • in article content: (j1.5 or J2.5)
    • in images & links section of article (j2.5) in intro/full text image
  • the size of the image is the one used in the item popup mode
  • supports only one module instance per page. jQuery plugin parameters and base CSS specific are generated in line to parametrise the module display but common css is defined in a stylesheet file (adapt as needed)
  • some basic assets (overlay/background patters, hoverzoom icon, dropcaps) are provided.

Note:

The module uses a modified version of the original plugin in order to allow more gallery parametrization and to support mousewheel.

j15 Changelog

V1.0 - 27 May 2012 : initial J1.5 release

V1.1 - 29 June 2012 : adapted as per JED request

j25 Changelog

V1.0 - 27 May 2012 : initial J2.5 release

V1.1 - 29 June 2012 : adapted as per JED request

Support

Please report any problem in the appropriate forum.

If you use and like mod_wavegallery, please post a rating and a review at the Joomla! Extensions Directory.


Note:This product  is not affiliated with or endorsed by the Joomla! Project. It is not supported or warranted by the Joomla Project or Open Source Matters.