fancybox 图像计数标题显示

Question

我有一个页面使用 fancybox 2.1.4 根据各自的rel 属性显示多个不同的图片库。

我一直在努力获取当前图片标题中显示的每个画廊的图片数量。通过this Stack Overflow post复制JFK描述的方法后，剩下的脚本就被禁用了。

我的代码如下。有人可以帮忙吗？

    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox({
                helpers : {
                    title: {
                        type: 'outside'
                        }
                   }, // helpers
                   afterLoad : function() {
                    this.title = (this.title ? " + this.title + '<br />' : ") + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
                   }                    
                });

            //start fade transition
            (function ($, F) {
                F.transitions.resizeIn = function() {
                    var previous = F.previous,
                        current  = F.current,
                        startPos = previous.wrap.stop(true).position(),
                        endPos   = $.extend({opacity : 1}, current.pos);

                    startPos.width  = previous.wrap.width();
                    startPos.height = previous.wrap.height();

                    previous.wrap.stop(true).trigger('onReset').remove();

                    delete endPos.position;

                    current.inner.hide();

                    current.wrap.css(startPos).animate(endPos, {
                        duration : current.nextSpeed,
                        easing   : current.nextEasing,
                        step     : F.transitions.step,
                        complete : function() {
                            F._afterZoomIn();

                            current.inner.fadeIn();//this rule controls the fadein of the next image
                        }
                    });
                };

            }(jQuery, jQuery.fancybox));

            $(".fancybox")
                /*.attr('rel', 'gallery')// am commenting this out so each gallery only loops through itself versus into the next gallery*/
                .fancybox({
                    nextMethod : 'resizeIn',
                    nextSpeed  : 200,//this rule controls the white flash action that happens just after an image is advanced

                    prevMethod : false,

                    helpers : {
                        title : {
                            type : 'outside'
                        }
                    }
                }); //end fade transition

        });         
    </script>

Answer 1

你的脚本的问题是这一行

beforeShow: function () {
    this.title = (this.title ? " + this.title + '<br />' : ") + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
}

你说你在关注我的帖子 here 但我的代码中的同一行看起来像：

beforeShow: function () {
    this.title = (this.title ? '' + this.title + '<br />' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
}

你是否足够敏锐地看到差异？ ...所以让我们以相同的顺序将它们并排放置（仅相关部分）：

this.title = (this.title ? " + this.title + '<br />' : ")   // you
this.title = (this.title ? '' + this.title + '<br />' : '') // me

我的脚本中的单引号创建了一个空格，而您的双引号创建了一个不应该存在的字符串。