gb5256/yii2-elevatezoom

基于 Yii2 的 Elevatezoom 小部件

安装次数: 16

依赖: 0

建议者: 0

安全性: 0

星星: 0

关注者: 2

分支: 9

公开问题: 0

语言:JavaScript

类型:yii2-extension

dev-master 2018-09-20 20:39 UTC

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)

可用选项

  1. images
  2. css(自定义 CSS)
  3. baseUrl(字符串,基本替换图片 URL)
  4. smallPrefix(字符串,替换以获取小尺寸图片 URL)
  5. mediumPrefix(字符串,替换以获取中等尺寸图片 URL)
  6. imageKey(存储放大尺寸图片的模型属性)
  7. smallKey(存储小尺寸图片的模型属性)
  8. mediumKey(存储中等尺寸图片的模型属性)
  9. targetId(自定义容器 ID)
  10. options(请参阅 示例