使用箭头作为图库的fancybox中的内联内容

Question

我使用简单的fancybox代码来显示内联内容，但我有多个div，并且希望显示箭头来作为图库的左右导航。fancybox本身运行良好，但是没有箭头可以显示下一个和上一个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