d1soft/yii2-lightboxedimage

创建轻量级图片框的 Yii2 小部件

安装: 7

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分支: 0

开放问题: 0

语言:JavaScript

类型:

dev-master 2018-05-11 20:15 UTC

This package is not auto-updated.

Last update: 2024-09-27 00:21:15 UTC


README

用于创建轻量级图片框的 Yii2 框架小部件。
此扩展是 Lokesh Dakar 编写的 JavaScript 轻量级图片框的包装器

yii2-lightboxedimage

安装

首选安装方式是通过 composer

运行以下命令:

php composer.phar require --prefer-dist d1soft/yii2-lightboxedimage "*"

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

"d1soft/yii2-lightboxedimage": "*"

使用方法

视图

	<?= LiteboxedImage::widget([
		'options' => [
			'src' => '/path/to/image.jpg',
			'lightboxId' => 'lightBox',
			'lightboxClass' => 'lightBoxClass',
			'lightboxStyle' => 'max-height: 350px',
			'imageId' => 'imageId',
			'imageClass' => 'imageClass',
			'imageStyle' => 'max-width: 250px',
			'title' => 'Image title',
			'alt' => 'Some image',
		 ], 
		 'clientOptions' => [
			'resizeDuration' => 200,
			'wrapAround' => true
		 ]
	]); ?>

小部件选项

src

图片源路径

alt

默认值: ''
替代图片指定文本

title

默认值: ''
图片框中的图片标题

lightboxid

图片框 ID

lightboxClass

默认值: ''
图片框类

lightboxStyle

默认值: ''
图片框内联样式

imageId

默认值: ''
图片容器 ID

imageClass

默认值: ''
图片容器类

imageStyle

默认值: ''
图片容器内联样式

客户端选项

您可以在此 查看客户端选项