Javascript 是否可以在Fancybox上没有显示的“上一个”和“下一个”中隐藏?

Javascript 是否可以在Fancybox上没有显示的“上一个”和“下一个”中隐藏?,javascript,html,jquery,css,fancybox,Javascript,Html,Jquery,Css,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 pho

希望你能帮助我

所以,我有一个包含多个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>

然后,如果我点击一个写着“葡萄牙”的按钮,它将添加一个类“隐藏元素”,这个类将添加显示:无css到不包含“葡萄牙”类的div中。 一切都很好,除了当我点击图片查看花式方框中的图片时,如果我点击“上一步”和“下一步”按钮,它将显示所有图片

有没有办法在fancybox的“幻灯片”中隐藏这些图像

谢谢大家

致意