Question

或打开任何事情。

此类按钮事件的正确脚本语法是什么。

不确定它是否有所作为，但我试图关注fotorama插件 - http://fotorama.io/

我的HTML：

<div class="Gal"
    <div class="fotorama" data-nav="thumbs" data-transition="crossfade">
        <img src="Gallery/1.jpg" data-caption="One">
        <img src="Gallery/2.jpg">
        <img src="Gallery/3.jpg">
        <img src="Gallery/4.jpg">
    </div>
    <button type="button" id="gallery-button">Click Me!</button>
</div>

总的来说，我想首先展示一组4张图片作为他们自己的图片。这样的灯箱库，然后在下面有一个按钮，当点击它时会打开另一个带有更多图像的灯箱库。

2画廊方法是正确的方法吗？或者我可以以某种方式仅在2个不同区域中的集合中显示一些（例如前4个）图像，而第二个图库增加更多。

Answer 1

我不知道我是否理解你的健康权：

你想要一个预览灯箱，然后，当点击一个按钮时，显示完整的图库？

您可以通过innerHtml添加以下html中的元素：

function addElementsToGalery(){
document.getElementById("fotorama").innerHTML = document.getElementById("fotorama").innerHTML + '<img src="Gallery/5.jpg"><img src="Gallery/6.jpg"><img src="Gallery/7.jpg">';}

和更新的html：

<div class="Gal">
<div id="fotorama" class="fotorama" data-nav="thumbs" data-transition="crossfade">
    <img src="Gallery/1.jpg" data-caption="One">
    <img src="Gallery/2.jpg">
    <img src="Gallery/3.jpg">
    <img src="Gallery/4.jpg">
</div>

如何在点击打开灯箱库时链接按钮？

1 个答案: