首页 » Krpano » krpano全屏模式后layer弹窗失效问题解决方法

krpano全屏模式后layer弹窗失效问题解决方法

高蒙 2020/11/18 16:10 785浏览 4评论 krpano动作Krpano标签


在使用krpano全屏模式下,出来本身xml编写的内容可以展示外,其他的编写的HTML标签,layer弹窗就会失效。当使用F11全屏模式的情况下,则可以正常的使用layer弹窗功能。

解决方法:

改写内置的全屏方法,替换成浏览器的全屏方法。

解决步骤:

1、文件:vtourskin.xml

<layer name="new_btn_fs"  onclick="switch(fullscreen);" devices="fullscreensupport" visible="true" zorder="4"></layer>

修改为:

<layer name="new_btn_fs"  onclick="js(jsfullscreen);" devices="fullscreensupport" visible="true" zorder="4"></layer>

2、在入口文件中加入jsfullscreen()方法

function jsfullScreen() {
    var isFull=!!(document.webkitIsFullScreen || document.mozFullScreen ||
        document.msFullscreenElement || document.fullscreenElement
    );
    if (isFull==false) {
        var element = document.documentElement;
        if (element.requestFullscreen) {
            element.requestFullscreen();
        } else if (element.msRequestFullscreen) {
            element.msRequestFullscreen();
        } else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
        }

    }else{
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
}





相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    492

    标签

    43

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。