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"
}
]