Php 带图像的ACF中继器，仅使用一些自定义css显示前3个图像

我在我的网站上有一个关于页面的自定义图像字段，它就像一个有不同大小图像的小画廊。我不想循环所有图像，我想按顺序在不同的列中显示3个图像。我怎么能这么做？任何帮助都将不胜感激。在这里，我提供的代码不起作用

 <div class="row fm-about-gallery-grid">
     <?php if( have_rows('fima_check_courses_images') ): ?>
     <?php while(have_rows('fima_check_courses_images')): the_row();
     $fima_check_courses_image = get_sub_field('fima_check_courses_image');
      ?>
        <div class="col-sm-7">
           <div class="fm-about-gallery-image">
            <?php if($fima_check_courses_image):?>
       <img alt="" src="<?php echo $fima_check_courses_image[0]['url']; ?>">
            <?php endif; ?>
            </div>
         </div>
         <div class="col-sm-5">
         <div class="fm-about-gallery-image">
       <img alt="" src="<?php echo $fima_check_courses_image[0]['url']; ?>">
         </div>
         </div>
       <div class="col-sm-12">
       <div class="fm-about-gallery-image">
     <img alt="" src="<?php echo $fima_check_courses_image[0]['url']; ?>">
       </div>
       </div>
       <?php endwhile; ?>
       <?php endif; ?>
  </div>

">
">
">

您可以使用以下代码来完成。这里我使用css类数组和计数器来帮助您实现功能

   <div class="row fm-about-gallery-grid">
       <?php if( have_rows('fima_check_courses_images') ): ?>
       <?php 
         $classarray=array("col-sm-7","col-sm-5","col-sm-12"); // add columns classes
         $index=0; //counter
         while(have_rows('fima_check_courses_images')): the_row();
         $fima_check_courses_image = get_sub_field('fima_check_courses_image');

  ?>
    <div class="col-sm-<?php echo $classarray[$index];?>">
       <div class="fm-about-gallery-image">
        <?php if($fima_check_courses_image):?>
   <img alt="" src="<?php echo $fima_check_courses_image['url']; ?>">
        <?php endif; ?>
        </div>
     </div>       

   <?php 
   $index++; 
   if($index==3) break;
   endwhile; ?>
   <?php endif; ?>
   </div>

你想只显示前3张有给定列的图片吗？@dipmala是的。很抱歉。刚刚发布了答案。检查它，它是有效的。谢谢你@dipmala。我已经删除了类名中的“col sm-”。我们已经在数组中了。哦，是的，忘了，：）