jquery - Fancybox 1.3.4 — 如何在一个画廊中使用多个内联元素？

Question

通常您使用Fancybox来显示由多个图像组成的画廊，您可以在其中从一个图像翻转到下一个图像（使用箭头或键盘）。

问题：
我想对inlineHTML 元素做同样的事情，这样 Fancybox 打开图库，显示第一个内联元素，如果你点击箭头，它会显示第二个内联元素，等等。

你是怎样做的？Fancybox有可能吗？

这是我适用于单个 HTML 内联元素的代码：

<script>
  $(document).ready(function() {
    $('a#inlinetest').fancybox({
        'type':'inline',
        'overlayShow': true,
        'overlayOpacity': 0.7,
        'overlayColor': '#666',
        'titleShow': false
    });
  });
</script>
<div>
  <a id="inlinetest"  href="#inlinedata">Click here</a>
  <div style="display:none;">
    <div id="inlinedata">
      <div>TEST</div>
    </div>
  </div>
</div>

这是带有两个 INLINE 元素的代码，它不起作用：

<script>
  $(document).ready(function() {
    $('a#inlinetest').fancybox({
        'type':'inline',
        'overlayShow': true,
        'overlayOpacity': 0.7,
        'overlayColor': '#666',
        'titleShow': false
    });
  });
</script>
<div>
  <a id="inlinetest"  href="#inlinedata">Click here</a>
  <div style="display:none;">
    <div id="inlinedata">
      <div>HTML Content of element 1 comes here</div>
    </div>
    <div id="inlinedata">
      <div>HTML Content of element 2 comes here</div>
    </div>
  </div>
</div>