fancyboxギャラリーの渡し要素の内容を配列として返します

Question

私は彼らの例でギャラリーのプレビューを設定する方法を真似しようとしています。 fancybox呼び出しの中に配列として静的な画像を構築しています。私は引用符とすべてを含む同じHTMLを持っている隠しdiv $("#imgGallery").html()とその配列を置き換えることを試みている。ファンシーボックスが登場することはできません。

$（ "＃imgGallery"）。html（）コンテンツを$ .fancybox（）呼び出しの配列として渡す方法。

$("#manual2").click(function() { 
     $.fancybox([ 
      'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg', 
      'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg', 
      { 
       'href' : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg', 
       'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' 
      } 
     ], { 
      'padding'   : 0, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'image', 
      'changeFade'  : 0 
     }); 
    }); 

Answer 1

私は、次のコードでそれを行うために管理：

$.fancybox(
      [{ href: '/images/title1.png', title: 'title1'}, 
      { href: '/images/title2.png',title: 'title2'}], 
      { 
       'padding': 0, 
       'transitionIn': 'none', 
       'transitionOut': 'none', 
       'type': 'image', 
       'changeFade': 0, 
       'titlePosition': 'inside', 
       'titleFormat': formatTitle 
      }); 
    }); 

function formatTitle(title, currentArray, currentIndex, currentOpts) { 
    return '<div></span>' + (title && title.length ? '<b>' + title + '</b>' : '') + '<br/>image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>'; 
}