Я ищу, чтобы создать функцию для увеличения значения селектора данных в цикле ACF - PullRequest
Новая
       4

Я ищу, чтобы создать функцию для увеличения значения селектора данных в цикле ACF

0 голосов
/ 09 июля 2019

Я работаю на WP-сайте с ACF (гибкий контент) и AOS.js

Я пытаюсь увеличить задержку данных при добавлении каждого элемента на страницу.

Я попытался обернуть все в <ul><li>, но тогда мне пришлось бы изменить весь мой CSS, чтобы приспособиться.Так как я пытаюсь учиться, я решил создать функцию.Но я не знаю с чего начать. 

<?php while ( have_rows('panneau') ) : the_row(); ?>
  <div class="col" data-aos="fade-right" data-aos-delay="200">
    <?php $image = get_sub_field('image'); if( !empty($image) ): ?>
      <img src="<?= $image['url']; ?>" alt="<?= $image['alt']; ?>" />
    <?php endif; ?>
  </div>
<?php endwhile; ?>

Так что я бы хотел, чтобы у каждого нового img была задержка на 200 мс!

1 Ответ

0 голосов
/ 09 июля 2019

Простой инкрематор в вашем цикле должен помочь. 

<?php $i = 200; ?>

<?php while ( have_rows('panneau') ) : the_row(); ?>
  <div class="col" data-aos="fade-right" data-aos-delay="<?php echo $i; ?>">
    <?php $image = get_sub_field('image'); if( !empty($image) ): ?>
      <img src="<?= $image['url']; ?>" alt="<?= $image['alt']; ?>" />
    <?php endif; ?>
  </div>

<?php $i = $i + 200;?>

<?php endwhile; ?>
...