image - 如何使用新的 fancybox 2.0.6 显示图像编号？

Question

假设我在画廊中有 15 张图片，我想添加一些类似“15 张中的第 1 张”的内容。在以前的版本中，我可以使用类似的东西：

'titlePosition': 'over'
'titleFormat': function(currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span>'

任何帮助，将不胜感激。

Answer 1

你可以这样做DEMO：

<script type="text/javascript">
$(document).ready(function() {
 $('.fancybox').fancybox({
  prevEffect : 'fade',
  nextEffect : 'fade',
  afterLoad : function() {
   this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
  },
  helpers: {
   title: {
    type: 'inside'
   },
   thumbs: {
    width   : 50,
    height  : 50
   }
  }
 });
});
</script>

Answer 2

来自另一个问题：“[...] 对于 2.0.6 版，我们不能像在 v2.0.1 中那样使用 afterLoad 回调（这就是它使标题消失的原因）......我们将使用 beforeShow反而。”

所以：

  beforeShow : function() {
   this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
  }

作品！