スライドの現在および合計量を表示するには - Featherlight.js

Question

フェザーライトギャラリーに現在のスライド番号と合計スライド数を表示するにはどうすればよいですか？

<div class="thumbnail-gallery" >  
    <a class="gallery" href="#" data-featherlight="#1"> 
     Image 1 
    </a> 
    <div id="1" class="lightbox"> 
     <img src="image.jpg" /> 
    </div> 
    <a class="gallery" href="#" data-featherlight="#2"> 
     Image 2 
    </a> 
    <div id="2" class="lightbox"> 
     <img src="image2.jpg" /> 
    </div> 
    // I would like to display slide number and total slide count here 
    <p>Image <span class="current-slide">#</span> of <span class="total-slides">#</span></p> 
</div> 

Answer 1

featherlightギャラリークラスには、slidesメソッドが追加されています。このメソッドは、目的に応じて使用できます。