# Lightbox Element

See the sub pages for details on how to implement;

* [CMS captions](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions) in lightboxes
* [CMS lightbox](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-groups) groups
* Dynamic [lightbox creation](https://attr.sygnal.com/sa5-elements/lightbox/slider-code-examples)

## Features <a href="#prepare-your-collection-list" id="prepare-your-collection-list"></a>

SA5 Lightbox includes JS API capabilities, see the left nav for the API docs.&#x20;

|                                     | Attributes                                                                                         | Javascript API                                                                      |
| ----------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
| CMS-driven groups                   | [wfu-lightbox-group](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-groups)      |                                                                                     |
| Captions support                    | [wfu-lightbox-captions](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions) |                                                                                     |
| Add new image lightbox, dynamically |                                                                                                    | [createNew](https://attr.sygnal.com/sa5-elements/lightbox/slider-code-examples)     |
| Reset lightboxes                    |                                                                                                    | [resetLightbox](https://attr.sygnal.com/sa5-elements/lightbox/slider-code-examples) |