porcelanosa/yii2-magnific-popup

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

JQuery magnific popup 小部件

维护者

详细信息

github.com/porcelanosa/yii2-magnific-popup

主页

源代码

安装数: 7,364

依赖者: 1

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 5

语言:JavaScript

类型:yii2-extension

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

Requires

Unknown License 87065b3681611bf2f645c6f4797b827591d92c71

  • Alex Porcelanosa <porcelanosam.woop@gmail.com>

jqueryyiiyii2yii 2magnific popup

This package is not auto-updated.

Last update: 2024-09-18 17:53:03 UTC

README

小部件处于开发中

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

Magnific Popup 是一个响应式灯箱和对话框脚本，专注于性能并提供最佳的用户体验（适用于 jQuery 或 Zepto.js）。

安装

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

简单用法

在视图文件中

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

用于画廊

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