PHP while循環，成對顯示

Question

在Wordpress中，我創建了一個滑塊來滑過用戶指定的某些內容。如果有人熟悉這一點，我正在使用ACF（高級自定義字段），但是我試圖完成的是在滑動jQuery滑塊的同時顯示兩個內容項。

這裏是我的循環：

<?php while(has_sub_field('popular_topic')): ?> 
    <li> 
     <div class="slide"> 
      <img src="<?php the_sub_field('popular_topic_image'); ?>" alt="" /> 
      <div class="img-wrapper"></div> 
      <div class="slider-content"> 
       <?php 

       $len = 60; 
       $popularTopicTitle = get_sub_field('popular_topic_title'); 

       $newContent = substr($popularTopicTitle, 0, $len); 
       if(strlen($newContent) < strlen($popularTopicTitle)) { 
        $newContent = $newContent.'...'; 
       } 
       echo '<p>'.$newContent.'</p>'; 

       ?> 
       <a class="more-arrow" href="<?php the_sub_field('popular_topic_link'); ?>">Read More</a> 

      </div> 
     </div> 
    </li> 

<?php endwhile; ?> 

這是目前的工作，但它只能說明一個幻燈片。我希望它顯示兩張幻燈片和一次。有櫃檯我可以做些什麼嗎？這有意義嗎？

Answer 1

我的語法可能有點偏離，但也許這是一個鏡頭？

<?php $i = 0; ?> 
<?php while(has_sub_field('popular_topic')): ?> 
    <?php 
     $len = 60; 
     $popularTopicTitle = get_sub_field('popular_topic_title'); 
     $newContent = substr($popularTopicTitle, 0, $len); 
     if(strlen($newContent) < strlen($popularTopicTitle)) { 
      $newContent = $newContent.'...'; 
     } 
     $contentVar[$i] = array (
      'img' => the_sub_field('popular_topic_image'), 
      'title' => $newContent, 
      'link' => the_sub_field('popular_topic_link') 
     ); 
     $i++; 
    ?> 
<?php endwhile; ?> 
<?php $j = 0; ?> 
<?php while ($j < $i) : ?> 
<li> 
    <div class="slide"> 
     <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" /> 
     <div class="img-wrapper"></div> 
     <div class="slider-content"> 
      <p><?php echo $contentVar[$j]['title']; ?></p> 
      <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a> 
     </div> 
     <?php $j++; ?> 
     <?php if ($j <= $i) : ?> 
      <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" /> 
      <div class="img-wrapper"></div> 
      <div class="slider-content"> 
       <p><?php echo $contentVar[$j]['title']; ?></p> 
       <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a> 
      </div> 
     <?php endif; ?> 
    </div> 
</li> 
<?php $j++; ?> 
<?php endwhile; ?>