Featherlight 插件更好的导航

Question

我有这个代码：

<section data-featherlight-gallery="" data-feather-filter="a">
  <a class="apt-gallery-d" href="img.png">
    <img class="module-img-size" src="img.png" alt="1 Alcoba">
  </a>
  <a class="apt-gallery-d hidden" href="img.png">
    <img class="module-img-size" src="img.png" alt="1 Alcoba">
  </a>
</section>

jQuery(document).ready(function() {
  jQuery('a.apt-gallery-d').featherlightGallery({
      openSpeed: 300,
      previousIcon: ' ',
      nextIcon: ' ',
      variant: 'custom-lightbox-css',
      loading: 'Cargando...',
  });
})

当灯箱打开时，会出现一个带有默认灯箱导航的滑块，但导航不是很友好。你不知道什么时候看到最后一张图片，因为它看起来像无限循环。另外，如果我只有一张图片，导航也会出现。

如何更好地控制下一个上一个箭头出现的时间？

Answer 1

来自文档：

It sets the classes 'featherlight-first-slide' and 'featherlight-last-slide' if the current slide is the first and/or last one.

您可以使用它们来自定义外观或根据需要禁用上一个和下一个按钮

Featherlight 插件更好的导航

Featherlight Plugin Better Navigation

javascript

jquery

featherlight.js