gb5256 / yii2-elevatezoom
基于 Yii2 的 Elevatezoom 小部件
dev-master
2018-09-20 20:39 UTC
Requires
- yiisoft/yii2: *
This package is not auto-updated.
Last update: 2024-09-29 05:34:12 UTC
README
这是一个基于 Elevate Zoom 的 Yii2 升级缩放小部件。
这是一个 amilna/yii2-elevatezoom 的分支。区别在于:我已经移除了缩略图(即相册)选项,因为我不需要那个)。
安装
安装此扩展的首选方式是通过 composer。
运行以下命令之一:
php composer.phar require "gb5256/yii2-elevatezoom" "*"
或者
"gb5256/yii2-elevatezoom" : "*"
将其添加到您的应用程序 composer.json
文件的 require 部分。
使用方法
在视图中
use gb5256\elevatezoom\ElevateZoom;
$images = ['an url of zoom image 1','an url of zoom image n'];
echo ElevateZoom::widget([
'images'=>$images,
'baseUrl'=>Yii::$app->urlManager->baseUrl.'/upload',
'smallPrefix'=>'/.thumbs',
'mediumPrefix'=>'',
]);
/* //or another example set 'images' with 3 dimension array:
$images'= [
[
'image'=>'an url of zoom image 1',
'small'=>'an url of gallery display image 1',
'medium'=>'an url of basic display image 1'
],
[
'image'=>'an url of zoom image n',
'small'=>'an url of gallery display image n',
'medium'=>'an url of basic display image n'
],
];
echo ElevateZoom::widget([
'images'=>$images,
]);
*/
'images' 是图片数组(1 或 3 维度,如果为 1 维度,则应设置 baseUrl、smallPrefix 和 mediumPrefix)或 activeDataProvider(如果为 activeDataProvider,则应设置 imageKey、smallKey 和 mediumKey)
可用选项
- images
- css(自定义 CSS)
- baseUrl(字符串,基本替换图片 URL)
- smallPrefix(字符串,替换以获取小尺寸图片 URL)
- mediumPrefix(字符串,替换以获取中等尺寸图片 URL)
- imageKey(存储放大尺寸图片的模型属性)
- smallKey(存储小尺寸图片的模型属性)
- mediumKey(存储中等尺寸图片的模型属性)
- targetId(自定义容器 ID)
- options(请参阅 示例)