README

Yii2 FancyBox 2 扩展

FancyBox 是一个工具，它提供了一种优雅的方法来为网页上的图片、HTML 内容和多媒体添加缩放功能。它基于流行的 JavaScript 框架 jQuery 构建，易于实现和自定义。

有关如何使用 FancyBox 的更多信息，请访问他们的网站 http://fancyapps.com/fancybox/

安装

首选的安装方式是通过 composer

    composer require --prefer-dist bigpaulie/yii2-fancybox "dev-master"

或者添加到 composer.json

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

示例用法

    use bigpaulie\fancybox\FancyBox;

图片

    echo FancyBox::widget([
        'type' => 'image',
        'item' => [
            'href' => 'url_to_thumbnail',
            'src' => 'url_to_big_image',
        ],
    ]);

内联内容

    echo FancyBox::widget([
        'type' => 'inline',
        'item' => [
            'href' => '#myInline',
            'text' => 'click here',
        ],
    ]);

    <div style="display:none;"><p id="#myInline">This is my inline content !</p></div>

Ajax

    echo FancyBox::widget([
        'type' => 'ajax',
        'item' => [
            'href' => 'http://example.com/ajax.php',
            'text' => 'click here',
        ],
    ]);

或者

    echo FancyBox::widget([
        'type' => 'ajax',
        'item' => [
            'href' => Url::to(['site/ajax']),
            'text' => 'click here',
        ],
    ]);

媒体

    echo FancyBox::widget([
        'type' => 'media',
        'item' => [
            'href' => 'https://www.youtube.com/watch?v=YE7VzlLtp-4',
            'text' => 'click here',
        ],
        'clientOptions' => [
            'helpers' => [
                'media' => true,
            ],
        ],
    ]);