Parvus - Feature Showcase

This page demonstrates all features and options of Parvus.

1. Basic Usage

Simple image with no caption or grouping.

2 glasses filled with Mojito Cocktail on a dark table.

2. Captions - Direct Attribute

Using data-caption attribute.

The river 'Oude Rijn' in Leiden.

3. Captions - Reference by ID

Using data-caption-id to reference an external element.

Picturesque house facades in Leiden.
Picturesque house facades in Leiden, a city in South Holland, Netherlands.

4. Copyright - Direct Attribute

Using data-copyright attribute.

Picturesque house facades in Leiden.

5. Copyright - Reference by ID

Using data-copyright-id to reference an external element.

Street scene

6. Gallery with data-group

Images grouped together using data-group="Netherlands".

Leiden facades Leiden houses River in Leiden

7. Gallery with gallerySelector

Images automatically grouped by parent selector (no data-group needed).

Street scene 1 Street scene 2

8. Responsive Images with srcset

Using data-srcset for responsive images.

Leiden with responsive sources

9. Text Links

Opening images from text links (no thumbnail image).

View Photo 1 View Photo 2 View Photo 3

10. Button Elements

Using buttons instead of links with data-target attribute.

11. Mixed Groups

Different groups on the same page.

Group A Group B Group A second

12. Localization

Using different language files. This example uses German (l10n: de).

Mojito Cocktail

13. Plugin Example

Custom plugin that adds a button and tracks slide changes (check console). Note: The plugin is only registered for these specific images, not for the other galleries above.

Plugin demo 1 Plugin demo 2 Plugin demo 3