The Gallery Field let you create image galleries in SobiPro.

View Demo

 1. Fields Manager

First thing to do after installing the field via the SobiPro Applications Manager is to create the field.

Head to the Fields Manager inthe section you want to add a gallery to then click "Add".

After entering the basic informations of the field and selecting Gallery as field type, Gallery Field specific parameters will appear:

2. Add/edit entry

In edition mode, the application work like so:

• Click "Browse files"
• Select files
• Files are immediately uploaded using ajax and image displayed in the images list.
• Images can be reordered with drag&drop
• You can add more images until you reach the limit defined in the field configuration
• At any time you can deselect an image from the list, images not selected will be deleted.

3. Frontend display

The application offers a templating architecture that makes it easy to create new templates for the frontend display.

Horizontal display

With this template, images are simply presented as a list of images that can be clicked to open the image gallery.

MooFlow display

This gallery display is based on the MooFlow javascript by Tobias Wetzel (website). You can double click an image to open the full size image. You can also view the gallery fullscreen by clicking the button in the bottom right corner.

jQZoom display

This gallery is based on a jQuery script by Marco Renzi (website). When you move the mouse pointer over the image, it displays an enlarged version of the region your pointer is overing.

Modern display

This gallery is based on a Mootools script by Benedikt Morschheuser (http://software.bmo-design.de).