jquery - ResponsiveSlides - 当前幻灯片编号

Question

我正在使用 ResponsiveSlides.js 在我的网站上显示幻灯片：http: //moargh.de/daten/responsive-slides/demo/demo.php

任何人都可以帮助如何显示当前的幻灯片编号？

jQuery

$(function () {

var total = $('ul#slider4 > li').length; 

  $("#slider4").responsiveSlides({
    auto: false,
    pager: false,
    nav: true,
    speed: 500,
    namespace: "callbacks",
  });

  $('.total-slides').html(total);

});

HTML

  <ul class="rslides" id="slider4">
    <li>
      <img src="images/1.jpg" alt="">
      <p class="caption">This is a caption</p>
      Slide X of <span class="total-slides"></span>
    </li>
    <li>
      <img src="images/2.jpg" alt="">
      <p class="caption">This is another caption</p>
      Slide X of <span class="total-slides"></span>
    </li>
  </ul>

谢谢！