Featherlight Plugin Better Navigation
<p>I have this code:</p>

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

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

<p>When the lightbox opens, a slider appears with the default lightbox navigation, however the navigation isn't very user friendly. You don't know when you've seen the last image because it looks like and endless loop. Also, if I have only one image the navigation appears regardless.</p>

<p>How can I better control when this next prev arrows show up?</p>

<p><a href="https://i.stack.imgur.com/ylbDP.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/ylbDP.jpg" alt="enter image description here"></a></p>