@@include("partials/main.html") @@include("partials/title-meta.html", {"title": "Lightbox"}) @@include("partials/head-css.html") @@include("partials/body.html")
@@include("partials/menu.html")
@@include("partials/page-title.html", {"pagetitle": "UI Elements", "title": "Lightbox"})

#### Single image lightbox

Three simple popups with different scaling settings.

##### Fits (Horz/Vert)

##### Effects

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

#### Lightbox gallery

In this example lazy-loading of images is enabled for the next image based on move direction.

#### Zoom Gallery

Zoom effect works only with images.

#### Popup with video or map

In this example lazy-loading of images is enabled for the next image based on move direction.

Open YouTube Video Open Vimeo Video Open Google Map

#### Popup with form

Popup form

#### Form

Name
Email
Password
Subject
@@include("partials/footer.html")
@@include("partials/right-sidebar.html") @@include("partials/vendor-scripts.html")