arif/yii2-magnific-popup

此包最新版本（dev-master）没有提供许可证信息。

jQuery magnific popup 小部件

维护者

详细信息

github.com/iyan2x/yii2-magnific-popup

主页

源代码

安装: 11

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 5

语言:JavaScript

类型:yii2-extension

dev-master 2016-06-10 02:07 UTC

Requires

Unknown License 886f9dfa2f047e9f654079a4bd0bed6fd6d88a0f

  • Arif <iyan2x.woop@gmail.com>

jqueryyiiyii2yii 2magnific popup

This package is not auto-updated.

Last update: 2024-09-23 13:18:19 UTC

README

小部件处于开发中

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

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

安装

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

简单使用

在视图文件中

	<a href="original.jpg" title="Caption text"><img  src="/thumb_img.jpg" alt="Alt"></a>
use arif\magnificPopup\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' //'fade', 'with-zoom', 'zoom-in', 'newspaper', 'move-horizontal', 'move-from-top', '3d-unfold', 'zoom-out'
	]
);