Fullscreen Gallery

DEMO 1

INSTALLATION

Go to "Extension Manager" option.

Choose the location of the zip file to install (For example: mod_fullscreen_gallery.zip) and press "Uplaod & Install"

CONFIGURATION

Go to the "Module Manager", choose "New" as option in the menu.

Choose the module type: Fullscreen Gallery.

Now, you are in the configuration screen of your Fullscreen Gallery module.
You can configurate some features:

BASIC OPTIONS

Transition. Choose the transition for the gallery.
Enable Fullscreen. Set YES to enable fullscreen mode.
Speed transition. Set a speed for the transition (Example: 550). Use just numbers.

IMAGES 1 TO 10

Set the next options for every image thet will appear in the gallery.
Published? Set YES to enable the image.
Full image. Choose the full image.
Thumb image. Choose the thumb image.
Title. Write a title for the image.

IMAGES 1 TO 20

Repeat the same configuration that appears in the section IMAGES 1 TO 10

CSS

Image width (thumb). Set the width for the image thumb in pixels using this example syntax: 100px or leave in blank for auto width.
Image height (thumb). Set the height for the image thumb in pixels using this example syntax: 100px or leave in blank for auto height.
Background. The first background is for the thumb with no effect hover, the second background field is for the background of the thumb when the mouse is hover.