jquery - Fancybox：显示组中的总图像数

Question

使用 Fancybox，当模式打开时，是否有任何地方可以显示组中的图像数量？例如“图像 1 of 4”、“图像 2 of 4”等？

Answer 1

如果您使用的是 fancybox v1.3.4，请使用 API 选项titleFormat，例如：

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

如果您使用的是 fancybox v2.0.6+ ，请使用 API 选项beforeShow，例如：

$(document).ready(function(){
 $(".fancybox").fancybox({
   helpers : { 
    title : { type : 'over' }
   }, // helpers
   beforeShow : function() {
    this.title = (this.title ? '' + this.title + '' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
   } // beforeShow
 }); // fancybox
}); // ready

对于比 v2.0.6（仅限 v2.x）更旧的版本，请改用afterLoad。查看此链接了解更多信息