jquery - 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 选项 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`