loveorigami / yii2-magnific-popup

此小部件是jQuery插件Magnific Popup的包装器

维护者

详细信息

github.com/loveorigami/yii2-magnific-popup

主页

源代码

问题

安装次数: 8,296

依赖者: 0

建议者: 0

安全: 0

星标: 2

关注者: 2

分支: 1

开放问题: 0

类型:yii2-extension

1.0 2016-10-06 09:47 UTC

Requires

MIT 19d4e0a610e80d03175fd14dc91ff597dbea3cff

widgetyii2magnific-popup

This package is auto-updated.

Last update: 2024-09-21 20:36:34 UTC

README

此小部件是Dmitry Semenov编写的出色的jQuery插件Magnific Popup的包装器 http://dimsemenov.com/plugins/magnific-popup/

Magnific Popup是一个响应式弹窗与对话框脚本，注重性能并提供任何设备上最佳的用户体验（适用于jQuery或Zepto.js）。

安装

安装此扩展的首选方式是通过composer。

运行以下命令之一：

$ php composer.phar require --prefer-dist loveorigami/yii2-magnific-popup "@dev"

或

"loveorigami/yii2-magnific-popup": "@dev"

将以下内容添加到您的composer.json文件的require部分。

简单用法

在视图文件中

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

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

用于画廊

<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
	]
);