1

我最近将我的 fancybox 版本更新到当前的 v2.1.3。但在那之后，在我的幻想库中出现了标题，并且图像计数无法正常工作。在我的以下代码中完成了这项工作，但是即使当前版本给出了相同的代码，它现在也无法正常工作。

$(document).ready(function(){
        $("a[rel=img_gallery]").fancybox({
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'titlePosition'     : 'over',
        'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
            }
        });
    });

这是我的示例画廊页面链接。如果您仔细注意到图​​片标题标题在我的画廊中有效，但与预期不同。实际上我的要求是在fancybox主页上第三个有一个图片库示例。如果单击它，您将获得一个带有图像标题和图像计数的图像库弹出窗口，例如：黑色覆盖的 1/3。我只想简单地将它应用到我的画廊。谁能告诉我怎么做？

4

1 回答 1

3

fancybox v2.x 中的 API 选项是新的，并且与以前的版本 (v1.3.x)不兼容

检查http://fancyapps.com/fancybox/#docs以获得您正在使用的新版本的正确 API 选项。

为了更快，您的代码现在应该如下所示：

$("a[rel=img_gallery]").fancybox({
    helpers: {
        title: {
            type: 'over'
        }
    },
    // helpers
    beforeShow: function() {
        this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
    } // beforeShow
}); // fancybox​

见演示

于 2012-12-18T22:04:57.843 回答