After installation, the plugin needs to be configured to suit your requirements. Access the plugin settings by navigating to Extensions > Plugins, and find Content - Easy Photo Gallery in the list.
Gallery Settings
- Show Images: Select whether to show images randomly or sequentially.
- Options:
Random, Sequence
- Sort Images By: Select the order on the basis of which you want to sort the images.
- Options:
Ascending (A-Z, 0-9), Descending (Z-A, 9-0)
Thumbnail Settings
- Thumbnail Alignment: Select the alignment of the thumbnail.
- Options:
Left, Right, Center, Justify
Once configured, you can use the Easy Photo Gallery plugin to create photo galleries in your Joomla content.
- Border Width: Enter the width of the thumbnail border.
- Border Radius: Enter the border radius of the thumbnail.
- Thumbnail Border Color: Enter the hexadecimal color code for the thumbnail border.
- Shadow of Thumbnail: Enter the shadow value of the thumbnail (between 0 and 1).
Caption Settings
- Select Title Font: Select your desired title font family.
- User-defined Title Font: If 'Select Title Font' is set to user defined, enter the font you would like to use.
- Title Background Color: Enter the hexadecimal color code for the title background.
- Title Color: Enter the hexadecimal color code for the title.
- Title Font Size: Enter the size of the title text (in pixels).
- Title Alignment: Select the alignment of the title.
- Options:
Left, Right, Center, Justify
How to Use the Plugin Grabbing Images from a Folder To display images from a specific folder, use the following syntax within your article:
Syntax:
{photogallery folder="FOLDER_PATH" thumbwidth="150"}{/photogallery}
Example:
{photogallery folder="images/woo" thumbwidth="150"}{/photogallery}
Grabbing Images Individually with Captions or Titles
To display individual images with associated captions or titles, use the following syntax within your article:
Syntax:
{photogallery image="PATH 1,PATH 2,PATH 3" title="Caption 1, Caption 2, Caption 3" thumbwidth="THUMB_WIDTH"}{/photogallery}
Example:
{photogallery image="images/woo/1.jpg,images/woo/2.jpg,images/woo/3.jpg" title="Caption 1, Caption 2, Caption 3" thumbwidth="200"}{/photogallery}