Lightbox
Lightbox
Single Image Lightbox
Image Gallery Lightbox
Just add a new attribute 'data-lightbox-group' to group together a couple of images.
This group feature now works with mixed lightbox types, as long as they have prev and next buttons (.js-lightbox--prev and .js-lightbox--next). Otherwise only key navigation will be possible.
Video Lightbox
It's as simple as linking to the corresponding video page.
Inline Lightbox
It's as simple as linking to the corresponding video page.
Remote Lightbox
Just link to a page that contains a lightbox (we will look for ".js-lightbox--content")
If we can't find any "js-lightbox--content", we'll go for the child element of #main-content and display them in the lightbox. This is a fallback scenario and may lead to potential problems. (It's also against the concept of designated lightbox pages)
Javascript Lightbox
Call with
am.ui.lightbox.open(html string / dom element / jquery element, options)
Returns a lightbox instance with following methods:
- close Closes the lightbox
- update(html string / dom element / jquery element) Updates the content of the lightbox
- setLoadingState(boolean) Shows or hides a loading spinner