Advanced Gallery Options

Captions | Multiple Galleries | Spotlight Image

Captions

If you use a 'figure' element with the 'figcaption' nested within it, you can have captions on your images.

description of image
If you want labels for your images, you can use 'figure' instead of just 'img' elements.
description of image
description of image
As you can see from the previous image, not every image in the gallery needs to be a figure to use captions

Multiple Galleries

You can put multiple, different galleries on your page. Just add another div with the gallery class to the page.

description of image description of image description of image

You can even use an 'hr' element to split them up if you want.

Spotlight Image, then Gallery

description of image

You can change the width of that image.
Figures won't center correctly (in my vanilla code, if you edit it and it works then go for it) so you'll have to use centered text in place of a 'figcaption'

description of image description of image description of image
Back to Top