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

Php 仅从for循环中的第二项添加显示属性,php,css,for-loop,Php,Css,For Loop,我正在创建一个简单的图像库,要求首先显示第一个图像,而之后的图像应该有显示;无属性。我如何实现它,使只有第一个图像是不同的?以下是到目前为止我的代码 <div class="content"> <?php foreach($variants['productVariants'][0]['productVariantImages'] as $variantImage){ if(isset($variantImage) && $va

我正在创建一个简单的图像库,要求首先显示第一个图像,而之后的图像应该有
显示;无
属性。我如何实现它,使只有第一个图像是不同的?以下是到目前为止我的代码

<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>

“class=”image=“style=”display:none“alt=”“/>
我当前的输出是

<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>

你不需要使用php,你可以通过css来实现

.content img:not(:first-child)
{
    display: none;
}
.content img:不是(:第一个孩子){
显示:无;
}

你不需要使用php,你可以通过css来实现

.content img:not(:first-child)
{
    display: none;
}
.content img:不是(:第一个孩子){
显示:无;
}

您有多种方法:

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

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

  • 正如@alirezasafian所建议的,只需使用CSS——这可能是最通用的方法


  • 您有多种方法:

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

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

  • 正如@alirezasafian所建议的,只需使用CSS——这可能是最通用的方法


  • 在循环中使用css或只使用
    $键作为$variantImage
    if
    在循环中使用css或只使用
    $键作为$variantImage
    if