用Nivo滑块显示幻灯片计数

我想在我的滑块上显示幻灯片数为2 of 10 。 如何使用3 of 10转换中的3 of 10 ， 4 of 10 （当滑块随幻灯片移动时）和7 of 10 （如果单击相应的缩略图）？

Answer 1

您可以将当前幻灯片no当作current_slide_no = jQuery('#nivo-slider').data('nivo:vars').currentSlide; 当索引从0开始时为它添加1。

使用afterChange属性在初始化NIVO滑块时更改当前幻灯片编号。

所以，我得到了它的工作

和我的HTML（应该在NIVO滑块DIV之外）是

 
  of   

Answer 2

您需要查找clickhandler和or transition事件。 我还没有使用过nivo，但这是你需要做的概念：

 parent = $('#buttons'); // button container pages = parent.find('.button').size; // total number of pages parent.find('.button').click(function(){ index = parent.index($this) + 1; // this is the the page number //do something with these variables $('#div1').html(index + ' of ' + pages); });