Image gallery with popup.
Download ZIP file and copy it file into your system/extensions
folder. Learn more about extensions.
Create a [gallery]
shortcut.
The following arguments are available, all but the first argument are optional:
Pattern
= file name as regular expression
Sorting
= gallery sorting, e.g. name
, modified
, size
Style
= gallery style, e.g. zoom
, simple
Size
= image size, pixel or percent
The image formats GIF, JPEG, PNG and SVG are supported. All media files are located in the media
folder. The media/images
folder is the place to store your images. The media/thumbnails
folder contains image thumbnails. You can also create additional folders and organise files as you like.
Image captions can be configured in the language settings. Open file system/extensions/yellow-language.ini
and add a new line for each image. A line consists of file name and description. The image caption is displayed when you click on an image or use a screen reader.
Adding an image gallery, different sortings:
[gallery photo.*jpg name]
[gallery photo.*jpg modified]
[gallery photo.*jpg size]
Adding an image gallery, different sizes:
[gallery photo.*jpg name zoom 25%]
[gallery photo.*jpg name zoom 50%]
[gallery photo.*jpg name zoom 100%]
Adding an image gallery, square thumbnails:
[gallery photo.*jpg name zoom 64]
[gallery photo.*jpg name zoom 150]
[gallery photo.*jpg name zoom 300]
Adding an image gallery from a subfolder, square thumbnails:
[gallery photo-album/ name zoom 64]
[gallery photo-album/ name zoom 150]
[gallery photo-album/ name zoom 300]
Configuring image captions in the language settings:
Language: en
media/images/photo.jpg: This is an example image
media/images/photo-2387365-fika-time.jpg: Fika is an important part of life in Sweden. Photo: Taylor Franz
media/images/photo-2493837-lake-and-forest.jpg: Lake and forest in the summer. Photo: Anatoliy Gromov
media/images/photo-album/screenshot-2020-01.png: A small website by Adam Engel from Sweden.
The following settings can be configured in file system/extensions/yellow-system.ini
:
GallerySorting
= gallery sorting, e.g. name
, modified
, size
GalleryStyle
= gallery style, e.g. zoom
, simple
This extension includes PhotoSwipe 4.1.2 by Dmitry Semenov. Thank you for the good work.
Anna Svensson. Get help.