Wordpress 带细枝的幻灯片计数/总数

我使用fullpage.js创建一个图库

我想用它与Wordpress和木材（细枝）。我必须创建循环

我需要在幻灯片的div中添加一个属性。但是我需要使用TWIG进行两次计数

首先，幻灯片总数（data maxslides）和每张幻灯片之后的幻灯片总数必须递增（data currentslide）

能帮我点忙吗

<div class="section" id="section1">
      <div class="slide slide0">
              <div class="image-container firstslide" data-type="project" data-currentslide="1" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
      <div class="slide slide1">
              <div class="image-container secondslide" data-type="project" data-currentslide="2" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
      <div class="slide slide2">
              <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
  </div>
  <div class="section" id="section2">
      <div class="slide slide0">
              <div class="image-container firstslide" data-type="project" data-currentslide="1" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
      <div class="slide slide1">
              <div class="image-container secondslide" data-type="project" data-currentslide="2" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
      <div class="slide slide2">
              <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="http://image.com" class="image portrait">
              </div>
      </div>
  </div>

---

获取当前索引，您可以使用

loop.index

或

loop.index0

，后者以

0

开头。要获取集合的计数，可以使用

length

例如

{% for section in sections %}
<div class="section" id="section{{ loop.index }}">
      {% for slide in slides[section.getId()] %}
      <div class="slide slide{{ loop.index0 }}">
              <div class="image-container {{ image.getClass() }}" data-type="project" data-currentslide="{{ loop.index }}" data-maxslides="{{ slides[section.getId()] | length }}"  data-title="{{ image.getTitle() }}" data-project="{{ image.getProject() }}">
                  <img src="{{ image.getSource() }}" class="image portrait">
              </div>
      </div>
      {% endfor %}
</div>
{% endfor %}

{%用于节中的节%}
{%用于幻灯片中的幻灯片[section.getId（）]%}
{%endfor%}
{%endfor%}

谢谢！部分循环工作正常，但我没有我的幻灯片里面。我想为每个部分中的每个图像创建一张幻灯片。为此，我创建了一个带有ACFNo忧虑的repeater字段，不过这只是如何使用它的一个示例：）