alejka/yii2-fancybox2

为 Yii 框架的 FancyBox2 小部件

维护者

详细信息

github.com/Alejka/yii2-fancybox2

源代码

问题

安装: 66

依赖项: 0

建议者: 0

安全: 0

星星: 1

关注者: 1

分支: 2

开放问题: 0

语言:JavaScript

类型:yii2-extension

dev-master 2015-02-28 13:58 UTC

Requires

CC BY-NC 3.0 86f3ee58c09508c182ed56806cc043540a65665d

  • Aleksey Samokhvalov <samohvalov.aleksey.woop@gmail.com>

extensionwidgetyii2fancybox2

This package is not auto-updated.

Last update: 2024-09-28 16:41:32 UTC

README

为 Yii2 提供扩展 fancyapps.com/fancybox

安装

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

运行以下命令之一

php composer.phar require "alejka/yii2-fancybox2" "*"

或将以下内容添加到应用程序的 composer.json 文件的 require 部分中。

"alejka/yii2-fancybox2" : "*"

使用方法

use alejka\fancybox2\FancyBox;

FancyBox::widget([
    'target' => '.fancybox',
    'options' => [
        'loop' => false,
        'padding' => 0,
        'margin' => [15, 15, 60, 15],
        'afterLoad' => new JsExpression("
            function() {
                var list = $('#links');
                if (!list.length) {    
                    list = $('<ul id=\"links\">');
                    for (var i = 0; i < this.group.length; i++) {
                        $('<li data-index=\"' + i + '\"><label></label></li>').click(function() { $.fancybox.jumpto( $(this).data('index'));}).appendTo( list );
                    }
                    list.appendTo('body');
                }
                list.find('li').removeClass('active').eq( this.index ).addClass('active');
            }
        "),
        'beforeClose' => "function() {
            $('#links').remove();
        }",
    ],
]);