将fancybox整合到画廊流量中

我想把一些fanybox的功能集成到galleriffic中。基本上，我想有一个画廊的图像与他们各自的缩略图使用galleriffic。除了样式之外，我的方法看起来非常类似:http://www.twospy.com/galleriffic/example-2.html此外，我希望能够放大显示的图像。出于这个目的，我正在使用fanybox。其行为的一个例子可以在这里找到http://fancyapps.com/fancybox/demo/

我已经设法使我上面描述的稍微修改了gallerificbuildimage函数，使其如下:

.append('<span class="image-wrapper current"><a class="advance-link fancybox" rel="group" href="'+imageData.image.src+'" title="'+imageData.title+'">&nbsp;</a></span>')

现在，galleriffic添加了fancybox类fancybox需要以及图像源。

在这一点上，我发现了一个问题，我似乎没有找到一个整洁的解决方案。Fancybox允许通过单击每个图像的右侧/左侧来浏览图像集合，以转到集合中的下一个/上一个图像(正如您在上面提供的演示中可能已经注意到的那样)。我也想利用这个功能，这样用户就可以通过浏览galleriffic的缩略图来浏览图库，也可以使用fancybox浏览图像的缩放版本。

我在这里发现的问题是，galleriffic仅为缩略图已被单击的图像创建class=" fanybox "。这使得fanybox只能找到画廊的一张图像。我不想将类fanybox定义为为gallerifffic定义拇指的's，因为我不希望当单击缩略图时图像被缩放，而是在主图像上。

在某种程度上，我需要的是用fanybox类生成所有的's，但隐藏所有未显示的's，而不是每次通过galleriffic生成我需要的那个。这是我能想到的唯一解决方案，但它并不整洁。我喜欢galleriffic在每次点击缩略图时生成主图像的方式。 我想知道是否有人能想出一个更好的解决方案。例如，fanybox可以通过搜索下一个图库缩略图来知道下一个是哪个图像。

我试图使一个工作的jsfiddle演示，但有太多的代码涉及。也没有明确的问题，只有一个实施的结论。我认为你可以很容易地复制我现在的情况。

谢谢你的努力!

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>