滚动浏览所有 fancyBox 画廊

Question

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

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

是否有可能滚动浏览所有画廊，而不仅仅是一个画廊中的图像？

之所以没有收集 ONE 画廊中的所有图像，是因为我需要将缩略图从画廊分离到画廊。

Answer 1

由于 fancybox 支持多种类型的内容，从技术上讲，您可以为所有画廊拥有 div 容器，然后尝试将 fancy box 应用于画廊元素。也许是这样的

<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 在其中包含图库，它肯定会起作用，但控制它让它看起来很好可能需要一些摆弄和好这不是一个很好的解决方案。