amilna/yii2-elevatezoom

Elevatezoom widget for Yii2

Maintainers

👁 aaiyo

Package info

github.com/amilna/yii2-elevatezoom

Language:JavaScript

Type:yii2-extension

pkg:composer/amilna/yii2-elevatezoom

Statistics

Installs: 12 422

Dependents: 2

Suggesters: 0

Stars: 5

Open Issues: 1

dev-master 2015-03-13 09:57 UTC

Requires

Requires (Dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

MIT 5fdabac758a6c1cbfe6460d47ea7919b3dd27566

imagegallerywidgetyii2elevatezoom

This package is not auto-updated.

Last update: 2026-06-21 01:13:45 UTC


README

An elevate zoom widget for Yii2 based on Elevate Zoom.

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require "amilna/yii2-elevatezoom" "*"

or add

"amilna/yii2-elevatezoom" : "*"

to the require section of your application's composer.json file.

Usage

in View

	use amilna\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' is array of images (1 or 3 dimensions, if 1 dimensions then you should set baseUrl, smallPrefix and mediumPrefix) or activeDataProvider (if activeDataProvider you should set imageKey, smallKey and mediumKey)

available options:

  1. images
  2. css (custom css)
  3. baseUrl (string basic replacer of image url)
  4. smallPrefix (string replacer to get small size image url)
  5. mediumPrefix (string replacer to get medium size image url)
  6. imageKey (model atribute that store zoom size image)
  7. smallKey (model atribute that store small size image)
  8. mediumKey (model atribute that store medium size image)
  9. targetId (custom container id)
  10. options (please see examples)