jquery - Fancybox: グループ内の総画像数を表示する

Question

Fancybox では、モーダルが開いているときに、グループ内の画像の数を表示する場所はありますか? たとえば、「画像 1/4」、「画像 2/4」など。

Answer 1

fancybox v1.3.4 を使用している場合は、次のtitleFormatようなAPI オプションを使用します。

$(document).ready(function(){
 $(".fancybox").fancybox({
  'titlePosition': 'over',
  'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
     return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + ' ' + title + '</span>';
   }
 }); // fancybox
}); // ready

fancybox v2.0.6+beforeShowを使用している場合は、次のようなAPI オプションを使用します。

$(document).ready(function(){
 $(".fancybox").fancybox({
   helpers : { 
    title : { type : 'over' }
   }, // helpers
   beforeShow : function() {
    this.title = (this.title ? '' + this.title + '' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
   } // beforeShow
 }); // fancybox
}); // ready

v2.0.6 (v2.x のみ) より古いバージョンの場合は、代わりafterLoadに使用してください。詳細については、このリンクを確認してください。