Galleria致命错误:无法从CSS/Multiple Galleria和Display中提取舞台高度:none;

Galleria Fatal error: Could not extract a stage height from the CSS / Multiple Galleria and Display:none;

本文关键字：Galleria 提取 舞台 高度 none Display Multiple 致命错误 CSS      更新时间：2023-09-26

我使用display: none;或display: block;风格的两个选项卡。如果我在1分钟内没有单击视频或图片选项卡，则会出现错误，并表示无法提取舞台高度。

galleria是一个基于js的图像/视频库滑块。http://galleria.io/galleria的链接。如何删除JavaScript中的错误函数或如何停用

CODES>gt；选项卡菜单JAVASCRIPT

function tabmenu(buttonObject){ 
    var value = buttonObject.value
    var target = document.getElementById(value);
    if(target) {
       var siblings = target.parentNode.getElementsByClassName("tabmenu");
       for(i=0;i<siblings.length;i++){
          siblings[i].style.display = "none";
       }
       target.style.display = "block";
    }
}

选项卡菜单HTML

    <button class="tabmenu" onclick="tabmenu(this);" value="picture">Picture</button>
    <button class="tabmenu" onclick="tabmenu(this);" value="video">Video</button>
    <div id="picture" class="style1">
<a href="image link">
<img
src="image link",
data-title="Title"
data-description="Description"
>
</a>
<a href="image link">
<img
src="image link",
data-title="Title"
data-description="Description"
>
</a>
    <script>
    Galleria.loadTheme('js/galleria.classic.min.js');
    Galleria.run('#picture');
    Galleria.configure({lightbox: true});
    </script>
    </div>
        <div id="video" class="style1">
    <a href="youtube video link">
    <img src="image link">
    </a>
        <a href="youtube video link">
    <img src="image link">
    </a>
    <script>
    Galleria.loadTheme('js/galleria.classic.min.js');
    Galleria.run('#video');
    Galleria.configure({lightbox: true});
    </script>
        </div>

STYLE1.CSS

    .style1{display:none;}
#picture{height:400px;width:590px;}
#video{height:400px;width:590px;}

我找到了答案：）它很简单，只是你应该添加

Galleria.configure({
wait: true
});

那个剧本在画廊下面。它让galleria等待无限的时间。

相关文章：