javascript - Jquery lightgallery 如何关闭字幕

标签 javascript html jquery css

我想关闭图像下方的标题,但即使我将标题设置为 false,我仍然将替代图像文本作为标题。知道如何完全关闭字幕吗?

<script> $(document).ready(function() { lightGallery(document.getElementById('lightgallery'),{ getCaptionFromTitleOrAlt: false }) }); </script>

 <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 item img-gallery center-images-tattoo image-box" data-aos="fade" data-src="images/Piercing/IMG_1825.jpg" >
          <a href="#"><img data-src="images/Piercing/IMG_1825.jpg" src="images/Piercing/thumb/IMG_1825.jpg" alt="Piercing-image" class="img-fluid img-resize2 b-lazy"></a>
        </div>

最佳答案

我不了解 lightGallery,但为什么不只针对所有图像上的某个类,然后将 alt 参数替换为空。

$(document).ready(function() { 
     $(".img-fluid").attr('alt', "");
});

$('img').on({'click': function(){
var alt = this.alt;
  $(".img-fluid").attr('alt', "");  
console.log(alt);
}});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 item img-gallery center-images-tattoo image-box" data-aos="fade" data-src="images/Piercing/IMG_1825.jpg" >
              <a href="#"><img data-src="https://1.bp.blogspot.com/-0WxzB-qyKSs/XdmpIXv34LI/AAAAAAACc90/JDdlVwUQrGQQAVVflz1WkfPxTDZa1f81wCLcBGAsYHQ/s1600/Baby_Yoda_coloring.filminspector.com_3.jpg" src="https://1.bp.blogspot.com/-0WxzB-qyKSs/XdmpIXv34LI/AAAAAAACc90/JDdlVwUQrGQQAVVflz1WkfPxTDZa1f81wCLcBGAsYHQ/s1600/Baby_Yoda_coloring.filminspector.com_3.jpg" alt="Piercing-image" class="img-fluid img-resize2 b-lazy" style="max-width:200px"></a>
            </div>

如上所示,只需单击两次,您就会看到 alt 消失了。

关于javascript - Jquery lightgallery 如何关闭字幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61574945/

相关文章:

html - 将 DIV 彼此对齐并在 HTML 中添加水平滚动条

javascript - 使用从 vimeo/youtube 复制的 iframe 代码时出现同源错误

java - 设置服务器时区以从日期中添加/减去时间

javascript - 如果出错,plupload 重试

javascript - 从服务器 chrome 加载时,HTML5 foo.currentTime=1 不工作

python - 如何修复 : jinja2. 异常。UndefinedError: 'csrf_token' 未定义

Javascript 删除样式以更正布局

javascript - 等待所有选择列表加载 jQuery

javascript - MooTools 表单验证器的替代品

javascript - 从 Greasemonkey 访问变量到页面,反之亦然