Fancybox:显示组中的总图像数

时间:2012-07-22 20:26:51

标签: jquery fancybox

使用Fancybox,当模态打开时,是否可以在任何地方显示组中的图像数量?例如"图像1的4","图像2的4"等?

1 个答案:

答案 0 :(得分:9)

如果您使用的是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。检查this link for more