我想关闭图像下方的标题,但即使我将标题设置为 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/