liukai/grid-imagebox

There is no license information available for the latest version (1.0.0) of this package.

Turn your grid into a imagebox

Maintainers

Details

gitee.com/l-kai/imagebox.git

Installs: 15

Dependents: 0

Suggesters: 0

Security: 0

pkg:composer/liukai/grid-imagebox

1.0.0 2022-09-23 02:50 UTC

This package is not auto-updated.

Last update: 2025-11-28 18:03:05 UTC


README

简介

ImageBox 是一个用于 Laravel Admin 的扩展组件,用于在表格中展示图片,并支持多种图片交互效果。

功能特性

  • 支持图片灯箱效果(lightbox)
  • 支持图片缩放(zooming)
  • 支持自定义图片宽高
  • 支持自定义图片样式类名
  • 基于 Viewer.js 实现,提供丰富的图片查看功能

安装

使用 Composer 安装扩展:

composer require liukai/grid-imagebox

发布资源文件:

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

配置

config/admin.php 文件中添加以下配置以启用扩展:

'extensions' => [
    'grid-imagebox' => [
        'enable' => true,
    ]
]

使用方法

在 Laravel Admin 的表格中使用 ImageBox:

// 基础灯箱效果
$grid->picture()->imagebox();

// 启用缩放功能
$grid->picture()->imagebox(['zooming' => true]);

// 自定义宽高
$grid->picture()->imagebox(['width' => 50, 'height' => 50]);

// 添加自定义 CSS 类
$grid->picture()->imagebox(['class' => 'rounded']);

样式与脚本

扩展基于以下资源实现:

  • viewer.css:提供图片查看器的样式
  • viewer.js:提供图片交互功能

许可协议

本项目遵循 MIT License 协议。