如何解决是否可以隐藏在 Fancybox 上没有显示的上一个和下一个?
希望你能帮助我。
所以,我有一个包含多个 div 的代码,其中每个 div 上都有一张照片。 像这样
<div class="col-6 col-md-6 col-lg-2 imagemitem photosessions" data-aos="fade-up" data-aos-delay="100">
<a href="" class="d-block photo-item" data-fancybox="gallery">
<img src="" alt="Image" class="img-fluid">
<div class="photo-text-more">
<span class="icon icon-search"></span>
</div>
</a>
</div>
<div class="col-6 col-md-6 col-lg-2 imagemitem photosessions" data-aos="fade-up" data-aos-delay="100">
<a href="" class="d-block photo-item" data-fancybox="gallery">
<img src="" alt="Image" class="img-fluid">
<div class="photo-text-more">
<span class="icon icon-search"></span>
</div>
</a>
</div>
<!-- Linha -->
<div class="col-6 col-md-6 col-lg-2 imagemitem portugal" data-aos="fade-up">
<a href="" class="d-block photo-item" data-fancybox="gallery" data-caption="<strong>Single photo</strong><br>Teste teste teste">
<img src="" alt="Image" class="img-fluid">
<div class="photo-text-more">
<span class="icon icon-search"></span>
</div>
</a>
</div>
<div class="col-6 col-md-6 col-lg-2 imagemitem portugal" data-aos="fade-up" data-aos-delay="100">
<a href="" class="d-block photo-item" data-fancybox="gallery">
<img src="" alt="Image" class="img-fluid">
<div class="photo-text-more">
<span class="icon icon-search"></span>
</div>
</a>
</div>
然后,如果我单击一个显示“葡萄牙”的按钮,它将添加类“隐藏元素”,该类将向不包含“葡萄牙”类的 div 添加 display:none css . 一切都很好,除了当我单击图像以查看花式框中的图像时,如果我单击上一个和下一个按钮,它将显示每张图片。
有没有办法在fancybox的“幻灯片”中隐藏这些图像?
谢谢大家
最好的问候
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。