滚动浏览所有fancyBox画廊

Question

我正在使用fancyBox，就像魅力一样。

我在一个页面上有几个不同的画廊。

以某种方式可以滚动浏览所有图库而不只是一个图库中的图像吗？

不在一个图库中收集所有图像的原因是因为我需要将缩略图从图库分隔到图库。

Answer 1

由于fancybox支持多种类型的内容，因此技术上可以为所有图库提供div容器，然后尝试将精美的框应用于图库元素。也许是这样的

<div id="galleries">
  <div class="gallery"><!-- content here --></div>
  <div class="gallery"><!-- content here --></div>
  <div class="gallery"><!-- content here --></div>
</div>

$(function() {
  $(".gallery").fancybox();
  $("#galleries").fancybox();
});

不确定fancybox将如何处理它的2个实例同时运行，如果你使用iframe在其中设置图库，它肯定会起作用，但控制它也看起来很好看可能需要一些摆弄和良好这不是一个很好的解决方案。