Question

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

'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

来自another question： “[...]对于版本2.0.6，我们不能使用afterLoad回调，就像我们为v2.0.1所做的那样（这就是它使标题消失的原因）....我们将使用beforeShow代替。”< / p>

所以：

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

作品！

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

2 个答案: