slavkovrn / yii2-fancybox
Yii2 FancyBox 图片画廊小部件使用 Janis Skarnelis 的 fancyBox v2.1.5
dev-master
2020-03-20 11:22 UTC
Requires
- yiisoft/yii2: ~2.0
This package is auto-updated.
Last update: 2024-09-20 20:46:47 UTC
README
该扩展使用 Janis Skarnelis 的 jQuery fancyBox v2.1.5,并从定义的结构化 PHP 数组生成图片画廊。
安装
安装此扩展的首选方式是通过 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, ]); } ], ], ]);