Mercury Dokumentation

Image series:The formatter "Image series detail"

An image series shows a sequence of small thumbnail images that can be clicked for a full screen view.

The detail view shows the entire content including all images and text paragraphs. The output can be extensively adjusted using the element settings.

The detail view is usually intended for use on a detail page, as the target of the link of an teaser in a list. It can also be used directly on a page.

Back

Beautiful to look at:Image series for demonstration purposes

A picture is worth a thousand words!
Date:
Jul 1, 2022
41 Images

This image series from the Mercury Template documentation contains many images illustrating the features.

In the detailed view of an image series, the Sort order element setting can be used to specify the order in which the images loaded from the folder are displayed.

Images that have been added manually to the content always appear at the beginning of the series.

It is possible to customize the appearance of images in the detail view of an image series using the “Image display” element setting.

To the demo (de)

Available element settings

CSS modification (Select box)

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Image display (Select box)
Controls how the images in the series are displayed.
Responsive setting (Select/combo box)
Selects how many images of the series are shown in one row on different screen sizes.
Images per page (Text input)
Controls how many images are loaded for one page.
Sort order (Select box)

Controls the sort order of the images loaded from the selected folder.

Images that have manually been added will always be shown first.

Date format (Select/combo box)

Controls whether, and if yes how the date is displayed.

Instead of the presets, you can also manually enter any format.

If you for example enter "EEE, dd-MM-yy", an output like "Sun, 01-10-17" is generated.

Detailed information about custom formats is available in the documentation about Java date formatting.

Headline display (Select/combo box)

Controls if and how the headline is displayed.

In addition to the display size the importance of the headline is relevant for search engines (SEO).

Title display (Select box)
Allows to optionally display additional title fields, e.g. the intro field.
Container for attachments (Select box)
Available only on detail pages!

Controls if elements can be directly placed in the attachment container on the detail page, or if a layout row must be placed first.

Place elements directly is easier to use, but limits the layout to a 'row 1 column (12 - full)'.

Place layout row first requires additional effort, but allows more flexible layouts using rows like '6 - 6' or '4 - 4 - 4'.

Show preface (Check box)
Controls if the preface text from this content is shown.
Show text (Check box)
Controls if the text from this content is shown.
Show image count (Check box)
Controls if the total count of images in the series is shown.
Show image title (Check box)
If available, the image title is displayed below the image.
Show image copyright when zoomed (Check box)

Controls if the copyright information is displayed when an image is showed in zoom mode .

Show image copyright in overview (Check box)

Controls if the copyright information for all images is displayed as an overlay in the list view .