https://github.com/laravel-admin-extensions/grid-lightbox

Turn your grid into a lightbox & gallery
https://github.com/laravel-admin-extensions/grid-lightbox

Last synced: about 1 month ago
JSON representation

Turn your grid into a lightbox & gallery

• Host: GitHub
• URL: https://github.com/laravel-admin-extensions/grid-lightbox
• Owner: laravel-admin-extensions
• License: mit
• Created: 2018-09-12T17:13:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-10-20T21:42:18.000Z (about 5 years ago)
• Last Synced: 2024-11-02T19:34:17.786Z (about 1 month ago)
• Language: CSS
• Size: 18.6 KB
• Stars: 58
• Watchers: 3
• Forks: 21
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-laravel-admin - grid-lightbox - 为 Grid 加上 lightBox 展示功能的组件 (扩展包 / 网格类扩展包)

README

        
Turn your grid into a lightbox & gallery

======

This is an extension to integrates [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/) into laravel-admin.

DEMO [lightbox](http://demo.laravel-admin.org/lightbox/lightbox) & [gallery](http://demo.laravel-admin.org/lightbox/gallery)

Login using `admin/admin`

## Installation 

```bash

composer require laravel-admin-ext/grid-lightbox

php artisan vendor:publish --tag=laravel-admin-grid-lightbox

```

## Configurations

Open `config/admin.php`, add configurations that belong to this extension at `extensions` section.

```php

    'extensions' => [

        'grid-lightbox' => [

        

            // Set to `false` if you want to disable this extension

            'enable' => true,

        ]

    ]

```

## Usage

Use it in the grid:

```php

// simple lightbox

$grid->picture()->lightbox();

//gallery

$grid->picture()->gallery();

//zoom effect

$grid->picture()->lightbox(['zooming' => true]);

$grid->picture()->gallery(['zooming' => true]);

//width & height properties

$grid->picture()->lightbox(['width' => 50, 'height' => 50]);

$grid->picture()->gallery(['width' => 50, 'height' => 50]);

//img class properties

$grid->picture()->lightbox(['class' => 'rounded']);

$grid->picture()->gallery(['class' => ['circle', 'thumbnail']]);

```

## Donate

> Help keeping the project development going, by donating a little. Thanks in advance.

[![PayPal Me](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/zousong)

![-1](https://cloud.githubusercontent.com/assets/1479100/23287423/45c68202-fa78-11e6-8125-3e365101a313.jpg)

License

------------

Licensed under [The MIT License (MIT)](LICENSE).