fancybox圖像計數標題顯示

Question

我有一個頁面，使用fancybox 2.1.4顯示多個不同的圖像畫廊，根據其各自的rel屬性。

我一直在努力獲取當前圖像標題中顯示的每個圖庫的圖像數量。在複製由JFK通過this Stack Overflow post描述的方法之後，其餘腳本將變爲禁用狀態。

我的代碼如下。誰能幫忙？

<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 

在我的腳本中的單引號創建一個空的空間，而你的雙引號創建一個字符串，它不該不在那裏。