php - 仅从 for 循环中的第二项添加显示属性

Question

我正在创建一个简单的图片库，它要求首先显示第一张图片，而后面的图片应该具有display;none 属性。我如何实现它以便只有第一张图片不同？到目前为止，以下是我的代码。

<div class="content">
    <?php 
    foreach($variants['productVariants'][0]['productVariantImages'] as $variantImage){
        if(isset($variantImage) && $variantImage['visible']){
    ?>
    <img src="<?php echo $variantImage['imagePath']; ?>" class="image_<?php echo $variantImage['id']; ?>" style="display:none" alt="" />
    <?php }}?>
</div>

我当前的输出是

<div class="content">
    <img src="images/bigs/2.jpg" class="image_1" style="display:none" alt="">
     <img src="images/bigs/2.jpg" class="image_2" style="display:none" alt="">
     <img src="images/bigs/3.jpg" class="image_3" style="display:none" alt="">
</div>

我希望能够实现以下目标

<div class="content">
     <img src="images/bigs/1.jpg" class="image_1" alt="">
     <img src="images/bigs/2.jpg" class="image_2" style="display:none" alt="">
     <img src="images/bigs/3.jpg" class="image_3" style="display:none" alt="">
</div>

Answer 1

你有多种方式:

1. 使用变量(例如 $first，在循环之前将其设置为 true，在循环结束时将其设置为 false第一次迭代)

2. 使用您的(可能是 0 索引？)数组的键(例如 foreach($variants['productVariants'][0]['productVariantImages'] as $key => $variantImage) {，注意 $key => 部分)。然后，您可以检查循环中的 $key 是否为 0，这是您的第一个元素。

3. 正如@alirezasafian 所建议的，只需使用 CSS - 这可能是最通用的方法。