我使用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等待无限的时间。