javascript - 滚动浏览所有 fancyBox 画廊

Question

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

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

是否可以通过某种方式滚动浏览所有图库，而不仅仅是一个图库中的图像？

之所以没有将所有图片都收集在一个图库中，是因为我需要将缩略图从一个图库中分离出来。

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