Перейти к следующему разделу цикла while

Хорошо, это немного сложно, поэтому я постараюсь объяснить это:

У меня есть цикл while, в котором есть следующая ссылка, до того, как она появилась в стандартном html, так что это было очень просто, при нажатии на стрелку класса это было бы просто в следующем разделе, например:

    $i = 0;

while ( have_rows('sections') ) : the_row();
$sectionName = $i++;
?>
<section id="<?php echo $sectionName; ?>" class="full-bg-image" style="background-image: url('<?php the_sub_field('section_image'); ?>')">
<div class="image divider" id="partnersImg" style="background-image: url('<?php the_sub_field('section_image'); ?>')">
<div class="wrapper">
<div class="overlay" style="color: <?php the_field('section_text_colour','options'); ?>">
<?php the_sub_field('divider_text'); ?>
</div>
</div>
</div>

<div class="sectionContent">
<div class="wrapper">
<div class="centerContent">
<div class="contentWrapper">

<div class="text animation-element" data-sr="enter center wait 0.5s, no reset" style="background-color: <?php the_field('text_block_bg_colour','options'); ?>; color: <?php the_field('text_block_text_colour','options'); ?>">
<?php the_sub_field('section_text'); ?>
<div class="arrowContainer"><a href="<?php echo "#".$sectionName; ?>" class="arrow next"></a></div>
</div>


<div class="clr"></div>
</div>

</div>
</div>
</div>

</section>

<?php endwhile;

Переменная sectionName устанавливается для каждого имени элемента, добавляемого в администраторе WordPress, однако проблема возникает, когда мой код показывает выше, и якорь тоже связывает себя, а не следующий раздел, я хотел бы знать, как связать его со следующим раздел, и если это последний раздел, то иметь привязку, которая ссылается на первый.

<section id="0">
<div class="arrowContainer"><a href="#0" class="arrow next"></a></div>
</section>

<section id="1">
<div class="arrowContainer"><a href="#1" class="arrow next"></a></div>
</section>

<section id="2">
<div class="arrowContainer"><a href="#2" class="arrow next"></a></div>
</section>

<section id="3">
<div class="arrowContainer"><a href="#3" class="arrow back"></a></div>
</section>

В этом случае я использую ретранслятор Advanced Custom Fields, а не сообщения.

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]