README

Yii2 widget for prettyPhoto jQuery lightbox clone scaron/prettyphoto

安装

Composer

首先，将扩展添加到您的 composer.json 文件中

{
    "require": {
        "nirvana-msu/yii2-prettyphoto": "1.0.*@dev"
    }
}

遗憾的是，scaron/prettyphoto 仓库已经多年未更新，并且不包含允许 composer 安装的 bower.json。

由于此扩展定义了所需的存储库包，因此无需手动复制文件或创建另一个分支来添加 bower.json。由于 composer 不继承 "repositories" 部分，您必须将相同的部分添加到您自己的 composer.json 文件中。

"repositories": [
        {
            "type": "package",
            "package": {
                "name": "bower-asset/jquery-prettyPhoto",
                "type": "bower-asset-library",
                "version": "3.1.4",
                "source": {
                    "url": "https://github.com/scaron/prettyphoto",
                    "type": "git",
                    "reference": "master"
                }
            }
        }
    ]

之后，像通常一样更新您的依赖项，例如通过运行 composer update

##小部件配置

$target = "a[rel^='prettyPhoto']" 字符串 jQuery 目标选择器
$pluginOptions = [] 数组 prettyPhoto 插件选项。有关更多信息，请参阅 prettyPhoto 文档

##示例用法

渲染小部件将生成必要的 JavaScript 代码以注册插件。

使用默认配置

PrettyPhoto::widget();

自定义一些插件选项

PrettyPhoto::widget([
    'target' => "a[rel^='prettyPhoto']",
    'pluginOptions' => [
        'opacity' => 0.60,
        'theme' => PrettyPhoto::THEME_DARK_SQUARE,
        'social_tools' => false,
        'autoplay_slideshow' => true,
        'modal' => true
    ],
]);

要激活插件，为单个图片添加 rel="prettyPhoto" 属性，为画廊添加 rel="prettyPhoto[gallery-name]"。这些属性必须与由 $target 属性配置的目标选择器匹配。有关更多示例，请参阅 prettyPhoto 文档

##许可协议

在 GPL-2.0 许可协议下发布，与底层 prettyPhoto 插件相同。

nirvana-msu / yii2-prettyphoto

维护者

详细信息

README

安装

Composer