Hosting Tutorial & Guide

How to Create a Simple Joomla Image Gallery by Using Media Manager?

updated on Apr 14, 2015
How to Create a Simple Joomla Image Gallery by Using Media Manager? There are a couple of ways to upload images to your own Joomla site, and we will mainly discuss how to use the default "Media Manager" to create a simple-yet-appealing image gallery in below. To start with our topic, here is a brief introduction to this inbuilt Joomla function.

A Brief Description of Media Manager

In a nutshell, the mentioned Media Manager is such a useful tool that allows you to upload and delete files in certain directories. Fairly speaking, the most effective way to add images or pictures is to upload them directly from your local computer by using this media tool. Note that, this tool will be auto-enabled from the Joomla administrator panel when you start running a Joomla site.

Important to Note: Alternatively, you can also upload images to a webserver via an FTP client. If you already have FTP set up, you may find it is handier to add favorite images to the template directories. By the way, other server administration panels like Plesk and cPanel have upload capabilities.

How to Create a Joomla Image Gallery?

After giving a rough idea about Media Manager, we'd like to demonstrate how you can create a simple image gallery quickly by using this tool. Now, move on and get down to the nitty-gritty.

Step 1 – Login to Your Joomla Account
As you may suspect, the first thing you need to do is log onto the back-end Joomla interface with specific username and password. Upon entering, there will be a full list of editing options on the left-hand menu, including "Content", "Structure", "Users", "Configuration", "Extensions" and "Maintenance". At this place, you only need to click this "Media Manager" under the "Content" tab. Also, you can select this "Media Manager" option from the drop-list of "Content" that is normally placed on the top right side of this page.

Joomla Image Gallery - Go Content Media Manager

Step 2 – Set Media Manager Options
Once clicked, you will be displayed with multiple toolbars at the first glance, including:

Upload – It allows you to open the hidden elements that are beneath both the "Thumbnail View" and "Detail View" buttons for uploading pictures or images.
Create Folder – It allows you to create the name of a new folder under the below "Thumbnail View" and "Detail View" directories.
Options – It allows you to enter the "Options" window where the default parameters and other settings can be edited.
Help – It allows you to expand a new "Help" window in a new tab without affecting your present work.
Delete – It allows you to remove the unwanted images with one or several images selected.

Here, all you need to do is click this "Options" button in the upper-right corner to further customize the "Media Manager" settings. From here, you are provided with the ability to control many functions of your media tool, such as legal file types, legal image extensions, the maximum image size, legal and illegal MIME types, etc. In the meantime, you can decide whether restrict uploads and check MIME types by choosing "Yes" or "No" button. Beware that, the filled-in "Path to Images" folder should be the same as the "Path to Files" folder.

Joomla Image Gallery - Customize Options Settings

Step 3 – Alternate between Thumbnail & Detail Views
Obviously, you can select your preferred view by clicking the "Detail View" or "Thumbnail View" icon. The following folder tree can be seen in both of the mentioned views on the left-side sidebar. To open one folder in either view, you can simply check in the correspondent box from this folder tree.

Joomla Image Gallery - Thumbnail View Navigation

Given that you prefer to choose the "Thumbnail View" option, Media Manager will display previews of both icons and images for the sub-folders. Once clicked the images or folder icons, you can have a preview of images and the included content of folder respectively. Also, you can revert back to the previous folder by clicking the ^ symbol. For some unnecessary files or images, you can check their boxes and click the X button for deletion.

Joomla Image Gallery - Detail View Navigation

Comparatively, the "Detail View" is included with more details about the images and files. One spotlight of this view mode is the additional and exact information on each file, such as the file dimension: width x height in pixels and the file size: file disk size. As above, the files are shown in preview column, and you can access the sub-folders by clicking the folder icons. In the same way, you can hit the blue "Delete" button next to the "File Size" section to delete unneeded folders or files.

Step 4 – Upload Your Images & Files
Here comes the most fun part – uploading your images or files. To be frank, this process is quite easy-to-follow, and you only need to upload the images or files to the desired sub-directories within the previously-selected "Thumbnail" or "Detail" view. To be precise, click this green "Upload" button located in the upper-right toolbar to showcase the hidden upload elements as follows.

Joomla Image Gallery - Display Hidden Elements

After that, click this "Choose Files" button so that you can make a selection of files from your local computer or file browser explorers like the full-featured Dolphin and Nautilus. Ensure that the size of your uploaded files or images is no more than 10 MB. Once done, the number of the ready-to-upload files will be reflected next to the "Choose File" button, and you can click this button to select more files. After you've queued all needed files, you can hit the "Start Upload" button to start uploading the chosen files to the folder being viewed.

Joomla Image Gallery - Choose Start Upload

Note: On the other hand, you can upload files via another "Flash Uploader" which is similar to the above-mentioned uploader. That is, you are allowed to select and add files by clicking the "Browse Files" and "Start Upload" buttons, and all chosen and uploaded files will be displayed in columns.

Step 5 – Create a New Folder
If you want to create a sub-directory, you may use the "Create Folder" button next to the "Upload" option. As for details, go directly to the folder or directory that you want to use as the "Parent" folder (directory). If done, just click this "Create Folder" button to display the hidden elements as below.

Joomla Image Gallery - Create a New Folder

From here, the exact folder location will be showed within the first field, and you are required to input the folder name you need in the blank field. Pay attention that, the newly-created folder cannot be seen directly unless you view it with a FTP client or other file managers. Remember to click the "Create Folder" option to take effect.

Note: Since you've done with all those steps, you can insert a simple photo gallery to your Joomla site now. If you desire more advanced features than that of Media Manager, there are all kinds of extensions available in the official Joomla Extensions Directory. Based on ease-of-use and popularity, Simple Image Gallery and Asikart RemoteImage are recommended here.