花式框圖像標題和計數不起作用

Question

我最近更新了我的fancybox版本到當前v2.1.3。但之後，在我的fancybox畫廊有標題和圖像計數不工作，因爲它是。在我的下面的代碼做這個工作，但它現在不工作，即使當前版本給予相同的代碼。

$(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>'; 
      } 
     }); 
    }); 

這是我的例子畫廊頁面link。如果您注意到圖像標題標題正在我的畫廊中工作，但並非如預期那樣。其實我的要求是在fancybox home page第三個圖像庫的例子。如果你點擊它，你會得到一個圖像畫廊彈出與圖像標題和圖像計數例如：1/3在黑色覆蓋。我只想簡單地將其應用到我的畫廊。任何人都可以告訴我這是怎麼回事？

Answer 1

中的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​ 

見DEMO