README

fancyBox 是一个工具，它以优雅的方式为您的网页上的图片、HTML 内容和多媒体添加缩放功能。 http://fancyapps.com/fancybox/

安装

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

运行以下命令之一：

php composer.phar require newerton/yii2-fancybox

或

"newerton/yii2-fancybox": "^1.0"

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

使用方法

安装扩展后，只需在代码中使用它即可。

<?php
echo newerton\fancybox\FancyBox::widget([
    'target' => 'a[rel=fancybox]',
    'helpers' => true,
    'mouse' => true,
    'config' => [
        'maxWidth' => '90%',
        'maxHeight' => '90%',
        'playSpeed' => 7000,
        'padding' => 0,
        'fitToView' => false,
        'width' => '70%',
        'height' => '70%',
        'autoSize' => false,
        'closeClick' => false,
        'openEffect' => 'elastic',
        'closeEffect' => 'elastic',
        'prevEffect' => 'elastic',
        'nextEffect' => 'elastic',
        'closeBtn' => false,
        'openOpacity' => true,
        'helpers' => [
            'title' => ['type' => 'float'],
            'buttons' => [],
            'thumbs' => ['width' => 68, 'height' => 50],
            'overlay' => [
                'css' => [
                    'background' => 'rgba(0, 0, 0, 0.8)'
                ]
            ]
        ],
    ]
]);

echo Html::a(Html::img('/folder/thumb.jpg'), '/folder/imagem.jpg', ['rel' => 'fancybox']);
?>

提示：不要忘记在文件顶部声明 Html 类。

use yii\helpers\Html;

newerton / yii2-fancybox

维护者

详细信息

README

安装

使用方法