Lightbox

Inline Lightbox

It's as simple as linking to the corresponding video page.

Open Template

Open existing element (will copy html, not dom)

Open from script

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)


Other lightboxes (currently unused)

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.