ファンシーボックスのインラインコンテンツでギャラリーの矢印

Question

単純なファンシーボックスコードを使用してインラインコンテンツを表示していますが、複数のdivがあり、矢印を表示してギャラリーの左右に移動したいと考えています。ファンシーボックス自体はうまくいきますが、次と前のdivを表示する矢印がありません。どうすればこのことが起こりますか？

<a href="#pro-1" rel="gallery" class="product"> 
<a href="#pro-2" rel="gallery" class="product"> 
<a href="#pro-3" rel="gallery" class="product"> 

<div style="display: none;"> 
    <div id="pro-1"> 
    <h1>title1 here</h1> 
    </div> 
    <div id="pro-2"> 
    <h1>title2 here</h1> 
    </div> 
    <div id="pro-3"> 
    <h1>title3 here</h1> 
    </div> 
</div> 

$(function() { 
    $("a.product").fancybox(); 
}); 

Answer 1

はすべてfancyboxファイルを含めて、問題を解決し、最新バージョンにアップグレードボタンファイルがなかったので、私のために@JFK