slavkovrn/yii2-lightbox

Yii2 LightBox 图片画廊小部件使用 Lokesh Dhakar 的 Lightbox v2.10.0

安装次数: 12,623

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 1

公开问题: 2

语言:JavaScript

类型:yii2-extension

v1.0.1 2018-10-14 11:49 UTC

This package is auto-updated.

Last update: 2024-09-12 03:53:54 UTC


README

该扩展使用 Lokesh Dhakar 的 jQuery Lightbox v2.10.0 并根据定义的结构从 PHP 数组生成图片画廊。

LightBox 图片画廊 PHP 数组生成器.

LightBox image galary

安装

通过 Composer 安装此扩展是首选方式。

运行以下命令之一:

composer require slavkovrn/yii2-lightbox

"slavkovrn/yii2-lightbox": "*"

将其添加到您的 composer.json 文件的 require 部分:

使用方法

在视图中将链接设置为扩展

use kartik\grid\GridView;
use slavkovrn\lightbox\LightBoxWidget;

echo GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        [
            'header' => 'Pictures',
            'content' => function ($data){
                $images = [               // images at popup window of prettyPhoto galary
                    1 => [
                            'src' => 'http://yii2.kadastrcard.ru/uploads/prettyphoto/image1.jpg',
                            'title' => 'Image visible in widget',
                        ],
                    2 => [
                            'src' => 'http://yii2.kadastrcard.ru/uploads/prettyphoto/image2.jpg',
                            'title' => 'image 1',
                        ],
                    3 => [
                            'src' => 'http://yii2.kadastrcard.ru/uploads/prettyphoto/image3.jpg',
                            'title' => 'image 2',
                        ],
                    4 => [
                            'src' => 'http://yii2.kadastrcard.ru/uploads/prettyphoto/image4.jpg',
                            'title' => 'image 3',
                        ],
                ];
                return LightBoxWidget::widget([
                    'id'     =>'lightbox',  // id of plugin should be unique at page
                    'class'  =>'galary',    // class of plugin to define style
                    'height' =>'100px',     // height of image visible in widget
                    'width' =>'100px',      // width of image visible in widget
                    'images' => $images,
                ]);
            }
        ],
    ],
]);

向管理员写入注释