php - 是否可以每隔三张幻灯片自动插入相同的图像

Question

我正在使用自定义字段，并希望在每第三张幻灯片中添加一个图像。你是如何做到这一点的。它可以用 jQuery 来完成吗？如何？对这个很新

    <div class="flexslider">
        <ul class="slides slide-ul">
            <?php while(the_repeater_field('text_scroll')): ?>
                <li class="slide">
                    <span class="scroll-text1 slider"><?php the_sub_field('scroll_top_text');?></span>
                     <span class="scroll-text2 slider"><?php the_sub_field('scroll_bottom_text');?></span>
                </li>
                <?php endwhile; ?>
        </ul>
    </div>

Answer 1

使用第 n 个子选择器

演示

$('.slide:nth-child(3n)').append('<img src="IMage.jpg" />');

Answer 2

使用普通 PHP

<div class="flexslider">
    <ul class="slides slide-ul">
        <?php $i=0 ; while(the_repeater_field( 'text_scroll')): 
        if($i % 3===0 ){echo '<li>each 3rd row this row will display</li>';} ?>
        <li class="slide"> 
            <span class="scroll-text1 slider">
                <?php the_sub_field('scroll_top_text');?>
            </span>
             <span class="scroll-text2 slider">
                 <?php the_sub_field('scroll_bottom_text');?>
            </span>
        </li>
        <?php $i++; endwhile; ?>
    </ul>
</div>