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

使用nth child selector

DEMO

$('.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>

是否可以自动将相同的图像插入每第三张幻灯片

2 个答案: