WordPress / PHP-如何在每9张图片周围添加一个容器div？

Question

我有以下代码：

<?php 
$images = get_post_meta(get_the_ID(), 'pointb_portfolio_images', false);
$i = 0;
foreach ($images as $att) {
    $i++;
    $src = wp_get_attachment_image_src($att, 'full');
    $src = $src[0];
    echo "<img src='$src' class='t$i'/>";
}
?>

我想做的是每9张图片在其周围放置一个DIV容器。 因此它将是：

<div>9 images here</div>
<div>next 9 images here</div>
<div>next 9 images here</div>

我将增量类应用于每个图像，并且这将需要继续向上增加。

我一直在努力寻找解决方案，但是我一直在努力寻找正确的搜索查询。

我们将不胜感激任何帮助或提示，以便我可以完成我所需要的。

谢谢

Answer 1

您可以使用% （模数）来找到余数。 因此，您要做的是拥有一个if ($i % 9 == 0) ...然后关闭9 image div并打开一个新的div。 每9次循环一次，该表达式将验证为true。 在循环开始之前，您也有一个<div>开头，在结束之后还有一个</div> 。

<?php 
$images = get_post_meta(get_the_ID(), 'pointb_portfolio_images', false);
$i = 0;

echo '<div>';

foreach ($images as $att) {
    // Moved this to the front of the loop so we don't have any empty div groups
    // in case 9 is a factor of the number
    if ($i > 0 && $i % 9 == 0) {
        echo '</div><div>';
    }

    $src = wp_get_attachment_image_src($att, 'full');
    $src = $src[0];

    // Added modulus to the class so now they will be t1, t2,... t8, t9, t1, t2...
    echo "<img src='$src' class='t" . ($i % 9 + 1) . "'/>";

    $i++;
}

echo '</div>';
?>

Modulus返回的示例

 0 % 9 = 0
 1 % 9 = 1
 2 % 9 = 2
 3 % 9 = 3
 4 % 9 = 4
 5 % 9 = 5
 6 % 9 = 6
 7 % 9 = 7
 8 % 9 = 8
 9 % 9 = 0
10 % 9 = 1
11 % 9 = 2