You may have used photo galleries on your website with easy scrolling through multiple images and wondered how you could add this functionality to your website. In this article, we’ll take a look at the process of adding a photo gallery to Joomla. I am using an extension.
As with all extensions, start searching in Joomla! website.
Before you start searching your photo gallery, it’s important to know how you plan to use it. More specifically, do you want your photos to appear in your gallery? Do you want your photos to be added to your articles? Do you want your users to be able to download your photos?
To search the photo gallery, on the far left,[カテゴリ]Decided to use the menu.At first[写真と画像]in the list of options that appears.[フォト ギャラリー]selected (83 results). In this case, what I’m looking for is a gallery option that allows me to add images and galleries to the article.
Increased use of sigplus Joomla!
After going through the list, I found sigplus, a non-commercial extension with 164 votes and 98 reviews. The reviews were overwhelmingly positive and this extension seemed like what I was looking for.The extension can be downloaded as a module or plugin. I decided to use a plugin.
After downloading[拡張機能: インストール/アンインストール]Install the extension by going to and selecting the file[ファイルのアップロードとインストール]Click the button.
Then go to Extensions: Plugin Manager. If you don’t see the plugin,[フィルター パラメーター]Go to the box and enter sig. This will bring up the heading Content – Image Gallery – sigplus.[フィルター パラメーター]Type sig in the box and[実行]Click. When sigplus appears,[有効]Click the red “X” under the heading to enable it.
Clicking on sigplus will bring up the following page where you can edit various image settings.
Note that hovering your mouse over a setting will give you more information on how to use it.
Several settings are enabled by default in this section. Here are some of them:
Images are stored in the images/stories folder Gallery Layout: Fixed Rows: 1 Columns: 1 Maximum Preview Image Count: 0 Preview Image Width: 200 Preview Image Height: 200 Crop When Resizing: Yes
And there are many other settings you can use. The importance of these becomes apparent when you insert images into your article.
The easiest way to use it is with the following code that you insert into your article: {gallery}imagefolder{/gallery}. When you do this the plugin creates previews for all images in your story folder . Here’s how it works: In the article, select where you want the gallery and enter:
{gallery}fruit{/gallery}
This is the result. Please note that the images are too large for the frontend, so you need to go to the plugin settings and change them. Extensions: Go to Plugin Manager. Content – Image Gallery – If the sigplus heading does not immediately appear,[フィルター パラメーター]Type sig in the box and[移動]Click. Click on the file when it appears.
in the plugin [Edit] page, change the following settings:
Preview Image Width: 100 Preview Image Height: 100 Alignment: left Lightbox pop-up: none
Save your changes.
Refresh the frontend. The image now fits in the article and is left-aligned. Note that only a few images are shown in this example. Use the navigation links to view details. You can change the number of images displayed in the frontend, control the type of navigation, image size, lightbox, etc. For a full list of what’s available, visit our documentation page.
If you prefer to use CSS, the documentation has some examples showing how to override the controls in your plugin. To see examples in the gallery, visit the demo page.
About images and sigplus
Images with a resolution of 600 x 800 pixels or higher are not recommended as they take too long to display. Another issue is sigplus, which can run into memory issues when trying to load large images into the memory used to generate previews. Pop-up windows that don’t let you resize images or save images can also have other problems. For more information, see the Download Images section of the documentation page.
