slider - Jssor Slider 对幻灯片/图像进行计数

Question

我想在 jssor slider ( http://www.jssor.com/demos/simple-fade-slideshow.html ) 上显示幻灯片计数，如“2 of 14”、“3 of 14”等。 (当 slider 随幻灯片移动时)

有什么办法可以让我完成这项工作吗？ 提前谢谢

Answer 1

还有 2 步，

1. 在“幻灯片”容器中添加静态元素(显示索引的位置)。

   <!-- Slides Container -->
   <div u="slides" ...>
       ...
   
       <div id="displayIndex" u="any" style="position: absolute; bottom: 10px; left: 10px; width: 100px; height: 26px;"></div>
   </div>
   

2. 使用 javascript 调用显示索引。

       var jssor_slider1 = new $JssorSlider$(...;
   
       function DisplayIndex() {
           $("#displayIndex").text(jssor_slider1.$CurrentIndex() + 1 + " of " + jssor_slider1.$SlidesCount());
       }
   
       DisplayIndex();
       jssor_slider1.$On($JssorSlider$.$EVT_PARK, DisplayIndex);
   

参见http://www.jssor.com/testcase/slider-display-index.source.html