porcelanosa/yii2-magnific-popup

There is no license information available for the latest version (dev-master) of this package.

JQuery magnific popup widget

Installs: 7 168

Dependents: 1

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 5

Language:JavaScript

Type:yii2-extension

dev-master 2015-11-28 19:12 UTC

This package is not auto-updated.

Last update: 2024-03-20 15:21:21 UTC


README

Widget is under development

This widget is wrapper for awesome jQuery plugin Magnific Popup By Dmitry Semenov http://dimsemenov.com/plugins/magnific-popup/

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js).

Installing

composer require porcelanosa/yii2-magnific-popup "master-dev"

Simple usage

in view file

	<a href="original.jpg" title="Caption text"><img  src="/thumb_img.jpg" alt="Alt"></a>
use porcelanosa\magnificPopup\MagnificPopup;

echo MagnificPopup::widget(
	[
		'target' => '#mpup',
		'options' => [
			'delegate'=> 'a',
		]
	]
);

for gallery

<div class="col-md-6" id="mpup">
	<a href="original.jpg" title="Caption for first"><img  src="/thumb_img.jpg" alt="Alt"></a>
	<a href="original2.jpg" title="Caption for second"><img  src="/thumb_img2.jpg" alt="Alt"></a>
</div>
echo MagnificPopup::widget(
	[
		'target' => '#mpup',
		'options' => [
			'delegate'=> 'a',
		],
		'effect' => 'with-zoom' //for zoom effect
	]
);