slavkovrn/yii2-fancybox

Yii2 FancyBox 图片画廊小部件使用 Janis Skarnelis 的 fancyBox v2.1.5

安装次数: 85

依赖者: 0

建议者: 0

安全: 0

星星: 0

关注者: 3

分支: 0

开放问题: 0

语言:CSS

类型:yii2-extension

dev-master 2020-03-20 11:22 UTC

This package is auto-updated.

Last update: 2024-09-20 20:46:47 UTC


README

该扩展使用 Janis Skarnelis 的 jQuery fancyBox v2.1.5,并从定义的结构化 PHP 数组生成图片画廊。

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

FancyBox image galary

安装

安装此扩展的首选方式是通过 composer

运行以下命令:

composer require slavkovrn/yii2-fancybox

或者将以下内容添加到您的 composer.json 文件的 require 部分:

"slavkovrn/yii2-fancybox": "*"

使用方法

在您的视图中设置扩展的链接

use kartik\grid\GridView;
use slavkovrn\fancybox\FancyBoxWidget;

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 FancyBoxWidget::widget([
                    'id'     =>'fancybox',  // id of plugin should be unique at page
                    'class'  =>'fancybox',    // class of plugin to define style
                    'height' =>'100px',     // height of image visible in widget
                    'width' =>'100px',      // width of image visible in widget
                    'images' => $images,
                ]);
            }
        ],
    ],
]);

向管理员写评论