如何在全屏模式下启动LightGallery?

时间:2016-12-16 15:12:02

标签: jquery fullscreen lightgallery

我使用了伟大的LightGallery js模块:https://github.com/sachinchoolur/lightGallery https://sachinchoolur.github.io/lightGallery/

如何在全屏模式下启动LightGallery? 单击工具栏中的图标可以激活全屏模式,但如何以全屏模式启动幻灯片显示?

1 个答案:

答案 0 :(得分:4)

我发现插件作者(sachi77n)在官方网页(https://sachinchoolur.github.io/lightGallery/)的评论部分发布了以下答案。

我会在这里发布给那些试图实现此功能的人。

您可以在lightGallery的onAfterOpen.lg事件中触发全屏功能。

$(document).ready(function() {
    var $lg = $('#lightgallery');
    $lg.lightGallery();
    $lg.on('onAfterOpen.lg', function(){
        $lg.data('lightGallery').modules.fullscreen.requestFullscreen();
    });
});

演示:http://codepen.io/anon/pen/xgEBZq