我正在使用 Bootstrap 框架中的 Advanced Custom Fields 插件和 Flexslider 构建一个 Wordpress 幻灯片。我的目标是在一个列表项中显示 3 个帖子的内容,以便 flexslider 将 3 个图像显示为一张幻灯片。我现在拥有的代码在一张幻灯片中显示 3 张图像,但它是相同的图像重复 3 次。我很接近,但我无法完全弄清楚。
这是我的代码:
<?php while(the_flexible_field("slideshow")): ?>
<?php if(get_row_layout() == "new_slide"): ?>
<li>
<?php while(get_row_layout() == "new_slide"): $count++;?>
<?php $image = wp_get_attachment_image_src(get_sub_field('slide_image'), 'large'); ?>
<img src="<?php echo $image[0]; ?>" alt="<?php the_sub_field('slide_heading');?>" class="rotate"/>
<?php if($count==3) break; ?>
<?php endwhile; ?>
</li>
<li><a href="<?php echo the_sub_field('slide_link');?>"><img src="<?php echo $image[0]; ?>" alt="<?php the_sub_field('slide_heading');?>" class="rotate"/></a>
<div class="container homeslide">
<div class="row">
<div class="span4">
<div class="flex-caption"><h4><?php echo the_sub_field('slide_heading');?></h4><?php echo the_sub_field('slide_description');?></div>
</div>
</div>
</div>
</li>
<?php endif; ?>
<?php endwhile; ?>