Gallerific

This extension is based on Trent Foley's jQuery plugin. Original code here. Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimised to handle high volumes of photos while conserving bandwidth.

Features
Smart image preloading after the page is loaded Thumbnail navigation (with pagination) jQuery.history plugin integration to support bookmark-friendly URLs per-image Slideshow (with optional auto-updating url bookmarks) Keyboard navigation Support for image captions Graceful degradation when javascript is not available

This

DEMO version shows the extension in use.

Properties
01- Gallery Name.
Unique gallery name This setting allows you to have more than one gallery per project or site. Note you cannot have two galleries on the same page.

02- Thumbnails.

Thumbs Border Size Sets the width (px) of the thumbnail border. Thumbs Border Colour Sets the border colour around the thumbnail. Selected Thumbs Border Colour Sets the selected border colour (inside main border) Thumb Border Padding Set the distance the border is from the thumbnail image. Thumb Spacing Top-Bottom Sets the gap between the tops and bottoms of thumbs. Thumb Spacing Right Sets the gap between the right side of each thumb. Thumb Opacity Sets the transparency of the thumbs. Hover will set to 1.0. Number of thumbs per page Sets how many thumbs per page. Width of thumbnail panel Sets how wide the thumb panel will be. See note:Note The thumbnail panel is a <div> area. Each thumbnail is generated at 75px wide (or 75px tall for portrait images). Depending on the padding and spacing values you can calculate the desired width of the panel 75px + padding + spacing x No of thumbs across. Therefore 3 columns of thumbs = 75+2+5x3=246, so set this value at around 250px and publish adjust as required.

03- Navigation.
Navigation Colour Sets the navigation button text colour. Navigation Hover Colour Sets the navigation button hover background colour.

Navigation Current Background Colour Sets button background colour. Navigation Current Text Colour Sets button text colour for the active/current page. Enable top navigation Enable/Disable top navigation. Enable bottom navigation Enable/Disable bottom navigation. Slideshow Controls Enable/Disable slideshow controls/text navigation. Slideshow Control Text Sets the words seen. Slideshow Pause Text Sets the words seen. Slideshow Previous Text Sets the words seen. Slideshow Next Text Sets the words seen. Slideshow Navigation Enable/Disable next/previous navigation. Navigation Previous Text Enable/Disable next/previous navigation. Navigation Previous Text Sets the words seen. Navigation Next Text Sets the words seen. Enable Auto Start Enable/Disable Auto Start.

04- Slideshow

Image Border Colour Sets the border colour around the main image. Image Border Size Sets the border size around the main image. Fade transition speed Sets the transition fade speed. Display Image Title Enable/Disable the image title display. Display Caption Enable/Disable the image caption display. Enable Download Enable/Disable the download link. Note: The text Download Original cannot be edited. If you require a different language version please email via the support form and supply the text required for the language you want to use and I will generate a new version. For example if you require a French version email me with tlcharger d'origine and French

05- Image Content

Height of largest image Set the height in px of the largest image. Width of largest image (add 10px) Set the width in px of the largest image and then add a further 10px. Note: Images are displayed within the centre (vertical and horizontal) within the area set by the above properties. The demo uses landscape and portrait images. The tallest image is 605px and the widest is also 605px (set to 615px). Therefore all images are centred within that area. Image Content Uses a gallery dataset to input multiple images. Edit each file with title and caption if required. See image below:-

06- Fonts
Eight font settings Enables customised settings for all the font usage in the extension.

How to install this extension so it is available in WYSIWYG Web Builder? You can use the Extension Manager (Menu->Tools->Extension Manager) to install this extension. Alternatively you can manually copy all files from the zip file to the Web Builder extensions folder. Usually this folder is in this location: My Documents\WYSIWYG Web Builder\system\extensions\ Requirements WYSIWYG Web Builder 7.2 or higher License Agreement This extension is free for registered users of WYSIWYG Web Builder. This extension may not be sold, rented, redistributed, sublicensed or modified without permission of the author. This extension is provided "AS IS" without warranty of any kind including, but not limited to, warranties of merchantability, fitness for a particular purpose and noninfringement. In no event will Pablo Software Solutions be liable for any direct, indirect, incidental, special, exemplary or consequential damages, including damages for loss of profits, loss or inaccuracy of data, incurred by any person from such person's usage of this extension if advised of the possibility of such damages.
This extension was created by Paul Burton of Aditerum Limited. Copyright 2012 Aditerum http://www.aditerum.co.uk