README

这是从 https://github.com/newerton/yii2-fancybox 分支出来的，但与 php 5.5 兼容。

yii2-fancybox

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

安装

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

运行以下命令之一

php composer.phar require --prefer-dist nikosid/yii2-fancybox "dev-master"

或

"nikosid/yii2-fancybox": "dev-master"

将以下内容添加到您的 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;