Image Galleries
To beautifully present your images on a page there are over 50 different types of image gallery available for selection. Any page can have an image gallery.
Image Gallery

Image Gallery Active
This icon signifies that the image gallery is active for this page.
Scrolling to the bottom of the page you will be able to upload your images and set a gallery style.
any page can have an image gallery attached to it.
Image Gallery Inactive
There is no image gallery shown on this page. Click to activate.

There are 50 different types of image gallery available that can be added to any page you choose.

Image Slideshow
Images fade into each other or have special effects added.

Image Grid
Images are shown in a grid and can be selected and enlarged.

Caption Slider
Images are shown plus text captions / video can be added - this is a fully working web presentation system akin to Powerpoint.


New Resized Image
None No resizing will occur. The size and proportion of the original image will be preserved.
Each image uploaded to the gallery will be automatically cropped to a landscape format. Suitable if the images uploaded are landscape in nature.
Each image uploaded to the gallery will be automatically cropped to a portrait format. Suitable if the images uploaded are portrait in nature.
Each image uploaded to the gallery will be automatically cropped to a square format.

Select Page Style
Sets the display of the gallery on the page. All galleries will fill 100% the container width.
The default.
Images are resize to simulate a widescreen gallery of 1:35
Images are resize to simulate a widescreen gallery of 1:45
The gallery will appear full screen.
The gallery will appear full screen with a home page icon.
The gallery will appear full screen with a home page icon and page title centered at the top of the page.
The gallery will appear full screen with a home page icon and page title left adjusted to the top of the page.


Tip!

It is important if you wish your images to be shown in a grid that each image is of the same proportion and size to ensure a clean layout. Although there may be occasions where not cropping would be more suitable then the None resize option would be used.
For certain gallery effects such as the cool gallery selection for the gallery to work correctly all images must be the same size and format either landscape, portrait, and square.


Layouts
There are over 50 different iamge gallery types you can select.
Click  or the icon to select a layout.

Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Example:Music Added
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. Thumbnails active.
All images must be the same size and proportion.
Image slideshow presentation with FX. There are various effects to choose from. No thumbnails.
All images must be the same size and proportion.
Jquery Slideshow Random FX All
Basic image slideshow with FX images do not have to be the same size.
Jquery Slideshow Slide In FX
Basic image slideshow with FX images do not have to be the same size.
Jquery Slideshow Fade In FX
Basic image slideshow with FX images do not have to be the same size.
Jquery Slideshow Slice Up FX
Basic image slideshow with FX images do not have to be the same size.
Jquery Slideshow Random Box FX
Basic image slideshow with FX images do not have to be the same size.
Photo grid gallery. Images will be presented in the proportion uploaded. Images will be displayed in different sizes..
Photo grid gallery with global image FX applied. Images will be presented in the proportion upload. Images can be of different sizes.
Jquery Photo Grid NO border displaying 1 column of images - High Resolution Thumbnails
Images will be shown in a 1 column photo grid with no gutter seperating images.
Jquery Photo Grid NO border displaying 2 columns of images - High Resolution Thumbnails
Images will be shown in a 2 column photo grid with no gutter seperating images.
Images will be shown in a 3 column photo grid with no gutter seperating images.
Example:Square automatic resize
Jquery Photo Grid NO border displaying 4 columns of images - High Resolution Thumbnails
Images will be shown in a 4 column photo grid with no gutter seperating images.
Example:Landscape Auto Resize
Jquery Photo Grid NO border displaying 5 columns of images - High Resolution Thumbnails
Images will be shown in a 5 column photo grid with no gutter seperating images.
Example:Landscape Auto Resize
Images will be shown in a 3 column photo grid with a space seperating images.
Low resolution thumbs will be shown for quicker rendering of page.
Images will be shown in a 3 column photo grid with a space seperating images.
High resolution images will be shown. Page rendering can be slow if there are a lot of images.
Example:Landscape automatic resize
Jquery Photo Grid with border displaying 4 columns of images - Low Resolution Thumbnails
Images will be shown in a 4 column photo grid with a space seperating images.
High resolution images will be shown. Page rendering can be slow if there are a lot of images.
Example:Portrait automatic resize
Jquery Photo Grid with border displaying 5 columns of images - Low Resolution Thumbnails
Images will be shown in a 5 column photo grid with a space seperating images.
High resolution images will be shown. Page rendering can be slow if there are a lot of images.
Example:Square automatic resize
Animated Photo grid gallery. Images will be rendered in the square format even if landscape or portrait have been selected.
For this gallery to work best the gallery needs to have a large number of images as the images cycle through.
A fully featured caption slider where a real presentation can be built similar to powerpoint.
A seperate help page is dedicated for the jquery caption slider.


Further Recommended Links
Caption Slider Introduction

A fully featured caption slider where a real presentation can be built similar to powerpoint.
A seperate help page is dedicated for the jquery caption slider.
Example:Hubble Telescope Space Images Fullscreen 100% with link back to home page & music

Further Recommended Links
Caption Slider Introduction

A fully featured caption slider with video
A seperate help page is dedicated for the jquery caption slider.
Example:Video slideshow

Further Recommended Links
Caption Slider Introduction

A fully featured caption slider with video as background
A seperate help page is dedicated for the jquery caption slider.
Example:Video with transparent image layer overlay

Further Recommended Links
Caption Slider Introduction

To upload images to Gallery

Select the files on your computer. You can select multiple files.Or you can drag the files from your computer to the image gallery area
To cancel the upload.
To delete the entire gallery.

Important!

Files selected must be .JPG or .PNG
Any other image format such as .gif or .jpeg will not be excepted.

Images will be shown in the order that they are uploaded. There is no way to change the order after the images have been uploaded.

 



Updated on: 07/10/2015 07:09:10
 
How Helpful was this article
1 Votes Cast
 
0 Comments