Three simple popups with different scaling settings.

No gaps, zoom animation, close icon in top-right corner.

Animations are added with simple CSS transitions, you can make them look however you wish.

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.

Check the examples file ui-lightbox.js for more information.

You may put any HTML content in each gallery item and mix content types. In this example lazy-loading of images is enabled for the next image based on move direction.

Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.