Fancybox 2 - 显示图像计数为标题

Question

我想在Fancybox弹出窗口的标题内有“Image 1 of 3”（与其链接图库中的图像位置相关），如下所示：

$(document).ready(function() {
    $(".fancybox-button").fancybox({
        prevEffect      : 'none',
        nextEffect      : 'none',
        closeBtn        : false,
        helpers     : {
            title   : { type : 'inside'},
            buttons : {}
        },
        afterLoad : function() {
                this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
            }
    });
});

我搜索得很远，但无法在任何地方找到它。

修改

我设法使用afterLoad进行首次点击，但无法找到下次和上一次点击的类似功能。

Answer 1

如果你使用fancybox v2.0.6 +在显示之前使用API​​选项，如：

$(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`