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

时间:2013-11-18 17:45:15

标签: javascript jquery html css

我使用两个带显示的标签:none / block;风格如果我不在1分钟内点击视频或图片标签然后出现错误,它说无法提取舞台高度。

galleria是基于图像/视频galery slide js。 广场的http://galleria.io/链接。 如何在javascript中删除错误功能或如何使其失效

CODES>> TABMENU 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";
    }
}

TABMENU 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;}

1 个答案:

答案 0 :(得分:0)

我发现答案:)它只是你应该添加

Galleria.configure({
wait: true
});

该剧本位于广场下方。 它使得Galleria等待无限时间。