如果我无法解决自己的问题，我将不胜感激。我在 Webflow 中构建我的所有网站，但随后经常使用 ACF Pro 将它们转换为 wordpress 主题，以使其动态和灵活。

在 Webflow 中，我想构建自己的灯箱画廊，然后使用 html 和 css 元素将它们与 ACF 中继器字段连接起来，以便您可以根据需要向画廊/灯箱添加尽可能多的图像。

我知道如何构建缩略图并向其中添加 Webflow 交互以便打开模块，并且我知道如何转换代码以使其与 ACF 中继器字段一起使用。一旦灯箱/模块打开，我正在努力解决模块之间的导航。当然，当我在 Webflow 中将交互添加到“下一个”和“上一个”按钮时，它们工作正常（关闭当前模块，打开下一个或上一个模块）但是使用这种方法我基本上向每个“下一个”和“上一个”按钮添加了一个交互每个模块单独，始终针对特定的下一个或上一个模块。所以这种方法显然不是动态的，一旦我添加了 ACF 中继器字段就不再起作用，因为下一个/上一个按钮是针对特定元素/div。这样一来，我的画廊/灯箱中就会出现一定数量的图像，因为我无法使导航动态工作。

这是我的一个灯箱项目的 html（我使用带有背景图像的 div 用于缩略图和模块图像，以及带有文本的 div 用于上一个和下一个“按钮”）。 “lb-item-div”基本上是我用于 ACF 中继器字段的主要元素。

<div class="lb-item-div">
        <a data-w-id="a6f46f3f-78f0-5b97-00fb-07882bd092bf" href="#" class="thumbnail_lb w-inline-block"></a>
        <div style="display:none;opacity:0" class="module">
          <div class="prev_wrapper">
            <div>Prev</div>
          </div>
          <div data-w-id="8806232c-0412-ccf0-a7a3-bda445f5d360" class="lb_big"></div>
          <div class="next_wrapper">
            <div>Next</div>
          </div>
        </div>
      </div>

是否有任何自定义代码可以添加到下一个和上一个 div 中，以便关闭当前模块并动态打开下一个/上一个模块？