slavkovrn / yii2-lightbox
Yii2 LightBox 图片画廊小部件使用 Lokesh Dhakar 的 Lightbox v2.10.0
v1.0.1
2018-10-14 11:49 UTC
Requires
- yiisoft/yii2: ~2.0
This package is auto-updated.
Last update: 2024-09-12 03:53:54 UTC
README
该扩展使用 Lokesh Dhakar 的 jQuery Lightbox v2.10.0 并根据定义的结构从 PHP 数组生成图片画廊。
安装
通过 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, ]); } ], ], ]);