@extends('layouts.master') @section('title') Lightbox @endsection @section('css') @endsection @section('body') @endsection @section('content') @component('components.breadcrumb') @slot('page_title') Lightbox @endslot @slot('subtitle') UI Elements @endslot @endcomponent

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
@endsection @section('scripts') @endsection