Lightbox

Show Image

Show Image w/Caption

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.

Image 1

Image 2

Image 3

Image 4

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

Youtube

Vimeo w/Caption

Open Template

Open existing element (will copy html, not dom)

Open from script

Just link to a page that contains a lightbox (we will look for ".js-lightbox--content")

Open remote lightbox

Open remote lightbox with 404 Error

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)

Open Reference Detail

Open Journal Detail