jquery - fancybox 画像カウント タイトル表示

Question

fancybox 2.1.4 を使用して、それぞれのrel属性に従って複数の異なる画像ギャラリーを表示するページがあります。

現在の画像タイトルに表示されている各ギャラリーの画像数を取得するのに苦労しています。このスタック オーバーフローの投稿を介して 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>