Add an Image Gallery

In this tutorial we will be using the Simple Image Gallery plug in. Note that this is a plug-in not a module. It is not displayed in module positions but embedded directly into articles. It displays folders of images as thumbnail galleries with each thumbnail opening in a light box.

It is installed like all other extensions, from the extension manager. Copy and paste the following URL after the http:// into the Install from URL Field.

Alternatively, of course you can use the download from the Extension Directory HERE

Now we need to create a folder of images for the plug-in to display. To do this we can use Joomla's Media Manager. (or you can use an FTP program such as Filezilla if you prefer). 

Go to Content-Media Manager. At the bottom of the right hand file pane (you may have to scroll down to view it) there is the path to Joomla's image folder, something like /home/yourAccount/public_html/images

To the right of this there is a text box. Type the name of the folder you would to use as this gallery. (eg 'Landscapes') and click Create Folder. 


The folder should now appear in the files window. Click on it to open it. Now you can upload images  by clicking Choose File and then Start Upload. Repeat this process for each image you want too include in your gallery. 

Now we need to configure the Simple Image Gallery plug-in. 

Go to Extensions/Plug-in Manager. We can filter by Type - Content and Status - Disabled, (or we can simply scroll through the list of plug-ins) to find the Simple Image Gallery by JoomlaworksClick on it to open its editing window.


Set Status to Enabled. Ensure the Root folder for image galleries is set to images. Set the thumbnail size and choose to hide or show navigation and caption messages. (unfortunately you need to pay for the pro version to include customised captioning).

When your finished press save

Finally we need to insert the tags that will tell the article to display the gallery.

Open or create the article where you want to insert the gallery. Place the following text in the article where you want the gallery to display:

{gallery}yourfolder {/gallery}

 Of course substitute 'yourfolder' with the name of the folder you created in the media manager (eg'landscapes) and don't forget the '/ ' in the closing tag.

With a bit of luck you should now see your image gallery displayed like the one below.