You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除lightGallery中的下载、分享、自动播放按钮?

解决lightGallery无法隐藏下载、分享、自动播放按钮的问题

以下是几个针对性的修复方案,按优先级尝试:

1. 修正选择器指向

你的JS初始化代码中,selector设置为.tilter,但lightGallery需要绑定到触发画廊的交互元素(即包含data-lightgallery="item"的<a>标签)。选择器不匹配会导致配置无法生效,修改为:

lightGallery(document.getElementById("lightgallery"), {
  selector: '[data-lightgallery="item"]', // 或者 '.tilter a',二者均可
  download: false,
  share: false,
  autoplayControls: false // 隐藏自动播放按钮
});

2. 适配lightGallery版本

不同版本的lightGallery选项命名有差异:

  • 若使用v2.x版本:用autoplayControls: false隐藏自动播放按钮
  • 若使用v1.x版本:需替换为showAutoplayButton: false,同时确保download和share选项仍设为false

3. 移除HTML中的自动初始化属性

你的HTML结构里包含data-lightgallery="group",该属性会触发lightGallery的自动初始化流程,可能覆盖你通过JS传入的自定义配置。移除这个属性,确保仅通过JS代码初始化画廊。

4. CSS强制隐藏(备用方案)

如果上述方法都无效,可以通过CSS直接隐藏目标按钮:

.lg-download, .lg-share, .lg-autoplay-button {
  display: none !important;
}

内容的提问来源于stack exchange,提问作者DT DT

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 10:20:34