The PacemGalleryElement is a convenient - yet opinionated - component to browse large images with a caption.
It combines internal Slideshow and Adapter components together with UI Lightbox component, to provide a comfortable experience both with mouse and keyboard navigation.
Please, note the embedded hero animation at launch in the following example.
[
{
"thumbnail": "https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Leibniz_Hannover.jpg/199px-Leibniz_Hannover.jpg",
"url": "https://upload.wikimedia.org/wikipedia/commons/0/07/Leibniz_Hannover.jpg",
"caption": "Leibinz portrait, 1703"
},
{
"thumbnail": "https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Acta_Eruditorum_-IX_geometria%2C_1694%E2%80%93_BEIC_13356305.jpg/251px-Acta_Eruditorum_-IX_geometria%2C_1694%E2%80%93_BEIC_13356305.jpg",
"url": "https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Acta_Eruditorum_-IX_geometria%2C_1694%E2%80%93_BEIC_13356305.jpg/802px-Acta_Eruditorum_-IX_geometria%2C_1694%E2%80%93_BEIC_13356305.jpg",
"caption": "Acta Eruditorum, 1694"
},
{
"thumbnail":"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Leipzig_Alte_Nikolaischule.jpg/320px-Leipzig_Alte_Nikolaischule.jpg",
"url": "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Leipzig_Alte_Nikolaischule.jpg/1024px-Leipzig_Alte_Nikolaischule.jpg",
"caption": "Leipzing, Alte Nikolaischule"
}
]
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.