Компонент Lightbox

Lightbox представляет из себя интерактивный компонент Gallery с идентичным API.

Caution

Для корректной работы нужно зарегистрировать JavaScript и CSS файлы для лайтбокса.

config/platform.php

'resource' => [
    'stylesheets' => [
        '/vendor/orchid-images/css/image.css',
        '/vendor/orchid-images/css/lightbox.css', // здесь
    ],

    'scripts' => [
        '/vendor/orchid-images/js/lightbox.js', // здесь
    ],
],

Фронт компонента основан на зависимости glightbox.

Использование

Идентично компоненту Gallery можно передать картинки через ключ или передать в метод elements().

use Czernika\OrchidImages\Screen\Components\Lightbox;

Lightbox::make('post.gallery'),

Опции

Note

Большинство опций такие же, как и для Gallery.

Колонки

Смотрите columns для Gallery.

Соотношение сторон

Смотрите aspect ratio для Gallery.

Вписываемость

Смотрите fit property для Gallery.

Пустое значение

Смотрите empty value для Gallery.

Элементы

Смотрите element для Gallery.

Опции Glightbox

Пакет представляет 2 опции, которые относятся к зависимости glightbox - zoomable(), чтобы включить/отключить зум для крупных изображений, и draggable, чтобы позволить их тянуть. Оба метода принимают boolean как значение, и по-умолчанию оба стоят на false.

Lightbox::make('post.gallery')
    ->zoomable()
    ->draggable(false), // отключить drag

Максимальная ширина галереи

Смотрите max width для Gallery.