【问题标题】:Hide a gallery made with Galleria JQuery plugin隐藏使用 Galleria JQuery 插件制作的画廊
【发布时间】:2025-12-10 10:00:02
【问题描述】:

我正在使用 Galleria 在网站上构建我的画廊,它运行良好,但我想将它提升到一个新的水平。

我想知道这里是否有人尝试仅在全屏模式下创建 Galleria 实例。我想要一个按钮在单击时以全屏模式打开画廊,当画廊关闭时我想隐藏它。我尝试使用 jquery.hide() 来隐藏 Galleria 使用的父 div,但首先画廊仍然可见,其次,当我第二次单击按钮将其全屏打开时,它会引发错误。

有人成功了吗?

如果我说得不够清楚,请告诉我。

【问题讨论】:

    标签: jquery fullscreen galleria


    【解决方案1】:

    //点击后

    $("#galleriaDiv").addClass("myClass");
    
    .myClass { visibility: hidden; }
    

    【讨论】:

    • 这行得通,但留下了 Galleria div 正在使用的空间。最后我最终将 Galleria div 包裹在一个父 div 中,并给父 div 样式 width: 0px;高度:0px;溢出:隐藏。我也必须用定义的宽度和高度初始化 Galleria,因为当我只定义高度时它会抛出异常。解决方案可能有点垃圾,但我的时间不多了,这是我真正预期的唯一有效的方法。感谢您的帮助!